@nugmani

Как реализовать дизайн?

Суть в том что есть 3 блока квадратных. При нажатии на один блок, снизу (под 3 блоками выстроенными в одну линию) показывается скрытый div. При стандартном экране все хорошо работает. Но в мобильной версии это уже выглядит не так как бы хотелось. В мобильной версии надо чтобы div показывался под тем блоком на который нажали, а не под всем столбцом 3 блоков. Как правильно разместить элементы в html? Может кто-нибудь видел похожую реализацию?

8127f1ea5435400cacfdce4e922bf38c.JPG
Положение элементов неправильное.
4b73b125d8724221b2420af9ed78d6dc.JPG
  • Вопрос задан
  • 152 просмотра
Пригласить эксперта
Ответы на вопрос 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Например, так:

родителю display: flex
дивики располагать каждый после своего блока
order: 10 - для дива для больших экранов
Ответ написан
Ваш ответ на вопрос

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

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