Рассмотрим, что такое Flex и что он позволяет делать.
justify-content - для основной оси, основные возможные значения:
flex-start, flex-end, center, space-between, space-around.
align-items - для поперечной оси (т.е. оси, которая перпендикулярна основной), основные возможные значения:
flex-start, flex-end, center, stretch (в ролике о нём не сказано, но этот параметр просто растягивает элементы на всю ось)
Отступ между элементами: gap: {число}px;
Перенос элементов: flex-wrap: wrap;
💡 Код изначального HTML кода (до применения флекса): [ Ссылка ]
💡 Страницы с интерактивным ознакомлением со значениями параметра justify-content и align-items (ищите блок Песочница):
[ Ссылка ] и [ Ссылка ]
В другом ролике расскажем о том, а где на веб-странице вообще применять его.
✅ Подписывайтесь на наш канал, чтобы не пропускать другие видео!
🌐 Наш сайт: [ Ссылка ]. Ещё в альфа стадии находится, поэтому что-то может быть недоделано. Скоро будет бесплатный онлайн-тренажёр
😉 Подписывайтесь на группу ВКонтакте: [ Ссылка ]
☎️ Если есть вопросы пишите/звоните по телефону: +7(966)360-47-87
Ещё видео!