Проблема с расположением изображений при написании кода

Question

Проблема с расположением изображений при написании кода

vato 1 Мастер (1452), на голосовании 1 год назад

это мой Html код , нужно стилизовать (css) так , чтобы результат был следующим . Мой css код просто не подлежит дальнейшей верстке , причем костыль тот ещё

Answer 1

tonbix . Ученик (222) 1 год назад

еюать у них всех ёюла ржачные

Answer 2

Судя по уровню html-кода и знанию английского, вы должны на отлично знать CSS.
А иначе пользуйте значение table-cell, table-row и подобные, на свойство display. На ваш TeamFaces
Или для вас, наверное, будет проще открыть это в Wyziwyg-редакторе и там всё раскидать. Или подсмотреть код в шаблонах любого нормального HTML-редактора.

Answer 3

 
  
  Name Surname

  Occupation


css
.item {
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    max-width: 200px;
}

Картинке border-radius: 50%
А сетку гридами строй

 .teamfaces {
    display: grid; 
    grid-template-columns: repeat(3, auto);    
}

Ты кучу тегов неправильно используешь