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

Источники: https://doka.guide/css/grid-guide/ https://habr.com/ru/companies/macloud/articles/564182/ https://webformyself.com/min-content-max-content-i-fit-content-v-css/ https://developer.mozilla.org/en-US/docs/Web/CSS/minmax https://habr.com/ru/companies/ruvds/articles/529830/ Содержание: 1. Что такое гриды? 2. Как же Грид работает? 3. Основные термины 4. Схема CSS Grids 5. display: grid; 6. grid-template-columns, grid-template-rows 6.1. repeat() 6.2. fr 7. grid-auto-columns, grid-auto-rows 7.1...