Каждому кто начинает погружаться в мир веб-разработки, становится сложно и непонятно на этапах освоения таких вещей как селекторы или модель flexbox. Чтобы разобраться с этим, можно использовать не скучные мануалы, а довольно забавный игровой режим, об этом сейчас и расскажу. CSS Diner Играть \ изучать можно тут: https://flukeout.github.io/ Отличная и наглядная игра, обучающая работе с CSS-селекторами. Ваша задача — с помощью подходящих селекторов выбрать либо тарелки, либо лежащие на них фрукты. В игре 26 уровней, в которых селекторы постепенно усложняются. Всё начинается с простых селекторов по тэгам и по классам, а закачивается сложными структурными селекторами наподобие :nth-last-of-type и их комбинациями. FLEXBOX FROGGY Играть \ изучать можно тут: http://flexboxfroggy.com/#ru Эта игра также ориентирована на изучение Flexbox. Она освещает обширный набор свойств, так что скучно точно не будет: align-items, justify-content, align-content, flex-direction, align-self, flex-wrap