Flexbox froggy flexbox froggy была одной из первых игр с решениями css кторые я когда либо видел. Это довольно интересный способ изучения css-flexbox. Cуть игры заключается в том, чтобы разместить лягушку на нужной лиллии. В игре 24 уровня, но даже за эти 24 уровня я уверен что вы удивитесь результатами. ссылка на игру Flexbox defense Еще одна игра для изучения css flexbox. В этой игре вы должны перемещаться вокруг башен, чтобы защитить допрогу от нападения. В игре 12 уровней, самое интересное...

FlexBox состоит из Контейнера и его Дочерних элементов (items). Для включения flexbox, любому HTML элементу достаточно присвоить css свойство display:flex; <style> .flex{ display: flex; } </style> <div class="flex"> <div class="item">1</div> <div class="item">2</div> </div> CSS свойства Flexbox Flexbox содержит разные css правила для управления всей flex конструкцией. Одни нужно применять к основному контейнеру, а другие к элементам этого контейнера. Для контейнера: display: flex - элемент растягивается на всю ширину и имеет свое полное пространство среди окружающих блоков...