CSS Flexbox довольно часто используется разработчиками в последнее время, потому что позволяет с легкостью реализовать то, на что раньше уходило много сил и времени. Например, вертикальное выравнивание элементов, равномерные расстояния между ними, «подвал», зафиксированный внизу страницы — это лишь некоторые моменты, которые до Flexbox было довольно трудно сверстать.

В процессе верстки макетов, разработчик часто сталкивается со следующей проблемой: при недостаточном количестве контента, «подвал» отображается где-то по середине страницы.

Создание привлекательной адаптивной «шапки» страницы зачастую довольно сложный процесс. До недавнего времени вам приходилось использовать обтекание (CSS-правило float) или другие трюки, чтобы правильно расположить составляющие элементы какого-либо блока страницы. К счастью, это уже в прошлом!

CSS – замечательная технология. Благодаря ей, сайты в сети становятся красочными и яркими. Очень часто используя CSS, разработчики присваивают элементам страницы значения атрибутов id и class для того, чтобы стилизовать их. Это замечательно, но что делать, если по какой-то причине у вас нет доступа к коду, чтобы добавить эти атрибуты к элементам?

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

В этой небольшой статье будет рассказано о том, как можно сверстать блок с комментариями, используя FlexBox-свойства CSS. Мы обратим внимание на самые интересные моменты верстки макетов, чтобы показать все преимущества такого подхода.