console.log("Watch how I redesigned
the McDonalds Website under an hour.")
CSS CRASH COURSE 🎬: https://youtu.be/ZOs9IJ8TdnE
Мы очень ценим ваши отзывы!
Фон
Модуль Flexbox Layout (Гибкий блок) пытается обеспечить более эффективный подход к компоновке, выравниванию и распределению пространства между элементами в контейнере, даже когда их размер неопределенный и/или динамический (отсюда слово «flex»).
Основная цель гибкого расположения заключается в том, чтобы позволить контейнеру изменять ширину, высоту и порядок расположения своих компонентов, чтобы наилучшим образом соответствовать доступному пространству (в основном, чтобы приспособиться ко всем видам устройств отображения и размерам экрана). Гибкий контейнер может расширять содержимое, чтобы заполнить пустое пространство, или сжимать содержимое, чтобы остановить переполнение.
В то время как шаблон Grid предназначен для более масштабных макетов, макет Flexbox лучше всего подходит для компонентов приложений и небольших макетов.
Подробнее: https://css-tricks.com/snippets/css/a-guide-to-flexbox/