shock_rd
@shock_rd

Лучший ход для этой головоломки?

При верстке интернет магазина столкнулся с частью, над которой пришлось задуматься, конечно, в верстке приходиться думать редко, чаще это всего лишь рутина, но вспоминая свои прошлые фейлы, когда не подумав о будущем адаптиве, терял не мало нервных клеток, я решил задуматься над правильной реализацией.

601a828307180872158951.png

Цвета частей усложняют ситуацию, без них можно было бы просто играться в контейнере, а так мы видим 4 части: 2 верхних части (более серая и светлая) и 2 контентные (разные фильтрации и сами продукты), естественно куда же без метода с абсолютным контейнером, но накидав html я понял что получается слишком большая вложенность и это еще только десктопная версия, при мысли об адаптиве хочется закрыть шторм и лежать лицом в снегу. Итак, какой лучший ход реализации этой части сайта, чтоб при адаптиве было не так больно?

P.S: Конечно, можно было бы просто пробовать и пытаться найти решение самому, но так можно вечно оставлять проект на завтра, которое никогда не наступит.
  • Вопрос задан
  • 64 просмотра
Решения вопроса 1
Lord_Dantes
@Lord_Dantes
Чат джунов t.me/developersjunior
На названия классов не смотрите, фантазии не хватило, вариант на флексах
https://codepen.io/lord-dantes/pen/KKNdMdW
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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