Как стать автором
Обновить

Комментарии 8

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

Поделюсь опытом. Часто использую и flex и grid, очень удобные вещи. Но вот недавно было ЧП, flex не работал на Samsung Internet. Посмотрел на caniuse, говорят «кушает». Смотрю на телефоне, «не кушает». Твою же… В итоге сообразил что Samsung Internet понимает flex но глючит когда flex внутри flex-a (nested). Как решить проблему? Да просто обернуть «внутренний» flex в «div», чтобы два flex не соприкасались.
Вот за решение отдельное спасибо! Я тоже с этим столкнулся и полдня убил на попытки понять, что и где «не так».
В теории может помочь у родителя сделать блочный псевдоэлемент ::before с нулевой высотой. К сожалению нет такого браузера под рукой для тестов

Попробуйте задать высоту для внутреннего flex элемента

Настроим внешние отступы (margin) навигационного блока, воспользовавшись отрицательным значением, равным размеру внутренних отступов. Это позволит данному блоку занять полную ширину страницы.

Мне кажется проще ему задать box-sizing: border-box и не заморачиваться с отрицательными значениями
Ничего не хочу сказать, конечно, но

/ie9.css

Странная статья. Автор совсем уж базовые вещи рассказывает.

Зарегистрируйтесь на Хабре , чтобы оставить комментарий