1) flex + margin: Современный способ выравнивания элементов по горизонтали и вертикали заключается в сочетании display: flex и margin: auto: Справедливости ради следует отметить, что тоже самое можно реализовать с помощью такого сниппета: 2) flex + gap: Раз уж мы заговорили о Flexbox, нельзя не упомянуть, что не так давно у нас появилась возможность добавлять отступ между flex-элементами с помощью свойства gap (этой возможности чертовски не хватало): 3) inline-flex: Данное свойство позволяет создавать строчные элементы, обладающие функциональностью Flexbox...

В данной статье будут показаны все возможность нативного метода Flexbox. Данный метод верстки сайта за счет своей простоты становится все более популярным среди разработчиков. В этой статье я постараюсь в кротчайших деталях разобрать все тонкости метода Flexbox. Как было сказано ранее Flexbox популярен тем что с его помощью можно с легкостью решить задачи которые требуют много усилий и времени. Например расставить элементы в ряд по вертикали, или разместить по середине родителя, или прижать к низу экрана, или может сделать все объекты одного размера...