Каждому кто начинает погружаться в мир веб-разработки, становится сложно и непонятно на этапах освоения таких вещей как селекторы или модель flexbox. Чтобы разобраться с этим, можно использовать не скучные мануалы, а довольно забавный игровой режим, об этом сейчас и расскажу. CSS Diner Играть \ изучать можно тут: https://flukeout.github.io/ Отличная и наглядная игра, обучающая работе с CSS-селекторами. Ваша задача — с помощью подходящих селекторов выбрать либо тарелки, либо лежащие на них фрукты...

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 - элемент растягивается на всю ширину и имеет свое полное пространство среди окружающих блоков...