Flexbox — это новый, более эффективный способ выравнивания блоков в HTML вёрстке. Появление Flexbox, а точнее свойства display: flex; заметно облегчило жизнь многим веб-разработчикам, и сейчас применяется в фреймворке Bootstrap 4. Возможно поначалу кому-то будет сложно отойти от привычного float: left; и тому подобного, но немного разобравшись вы почувствуете все прелести Flexbox, и надеюсь эта статья вам в этом поможет. display: flex Чтобы выстроить блоки в контейнере, необходимо добавить к родительскому...

Центрировать элементы по горизонтали в CSS невероятно просто: если это строковый элемент, то мы применяем  text-align: center к его предку, а если это блочный элемент, то мы применяем  margin: auto к нему самому. Но одной мысли о том, чтобы центрировать элемент по вертикали, достаточно, чтобы по спине пробежали холодные мурашки...