Комментарии 8
было бы очень здорово почитать подобную статью но в рамках интернет магазинов, там немного специфика другая, все эти корзины, добавить в избранное, сравнение, доставка, телефоны, обратный звонок и т.п. буду ждать с нетерпением!
+1
Поделюсь опытом. Часто использую и flex и grid, очень удобные вещи. Но вот недавно было ЧП, flex не работал на Samsung Internet. Посмотрел на caniuse, говорят «кушает». Смотрю на телефоне, «не кушает». Твою же… В итоге сообразил что Samsung Internet понимает flex но глючит когда flex внутри flex-a (nested). Как решить проблему? Да просто обернуть «внутренний» flex в «div», чтобы два flex не соприкасались.
0
Вот за решение отдельное спасибо! Я тоже с этим столкнулся и полдня убил на попытки понять, что и где «не так».
0
В теории может помочь у родителя сделать блочный псевдоэлемент ::before с нулевой высотой. К сожалению нет такого браузера под рукой для тестов
0
Попробуйте задать высоту для внутреннего flex элемента
0
Настроим внешние отступы (margin) навигационного блока, воспользовавшись отрицательным значением, равным размеру внутренних отступов. Это позволит данному блоку занять полную ширину страницы.
Мне кажется проще ему задать box-sizing: border-box и не заморачиваться с отрицательными значениями
+2
Ничего не хочу сказать, конечно, но
/ie9.css
/ie9.css
-2
Странная статья. Автор совсем уж базовые вещи рассказывает.
0
Зарегистрируйтесь на Хабре , чтобы оставить комментарий
Проектирование заголовочных частей сайтов с использованием CSS Flexbox