squadbrodyaga
@squadbrodyaga
Татарский богатырь

Как сверстать такой блок?

Здравствуйте, вообщем сижу не могу придумать как сверстать блок с таким простеньким расположением
элементов, суть в том, что эти человечки рендерятся джаваскриптом.

Как лучше сделать?
1. Создать блок слева и справа и в каждый рендерить по 3 человека отдельно
2. Зарендерить всех в один блок и как-то стилями расположить их?

602e77d89ade7296956481.png
  • Вопрос задан
  • 152 просмотра
Решения вопроса 1
squadbrodyaga
@squadbrodyaga Автор вопроса
Татарский богатырь
Вообщем решил, что проще всё зарендерить в один блок и стилизовать,
решил использовать grid, как раз улучшил знания.

Я сделал так, может эксперты посмотрят и скажут, вдруг можно проще
https://codepen.io/squadcoder/pen/abBwLZJ?editors=1100
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@lolzqq
HTML,CSS,JS,PHP
у вас 5 колонок
в первой и пятой только 1 фотка
во вторую и четвёртую два по 2 фотки в колонну
в третьей две кнопки в колонку

а фотки рендерить внутрь уже выровненных по-вертикали div
602e7d21b7cfe364744442.png
Ответ написан
@galyamov_marat
В один блок и расположить стилями! Только так! И под мобильные устройства будет легче настроить
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы