Источник: WebForMyself.com Вы имеете красивый дизайн, в котором есть красивый большой hero-раздел, за которым следует секция из этих трех столбцов прямо под ним. Как и почти любой другой веб-сайт, над которым вы когда-либо работали. Вы проходите через hero-раздел и приступаете к работе над разделом из трех столбцов. Пора вспомнить о нашем ненадежном товарище flexbox! Однако, вы пишете display:flex и получаете беспорядок вместо ожидаемых трех одинаковых столбцов. Демонстрация Это происходит из-за того, что flexbox вычисляет базовый размер элемента...

Flexbox - это способ создавать адаптивные макеты без этой проблемы. Вот введение о том, что такое flexbox и как он работает. Отображать Гибкое направление Гибкая пленка Гибкий поток Гибко-усадочный Убедитесь,...