Если вы устали смотреть скучные видео и читать нудные учебники, то можно поиграть в игры, которые хоть и не сделают вас профессионалом, но дадут отличную базу.
Super Markup Man
Это игра, в которой вам надо управлять суперразметчиком и CSS-полицейским, которые перетаскивают теги и селекторы, чтобы в конечном итоге получить точную копию заданной страницы.
Flexbox Froggy
В этой игре вам придется, используя средства CSS, помогать лягушкам добраться до пруда.
Erase All Kittens
В этой игре нужно управлять котенком и изменять html разметку, проходя препятствия.
CSS Diner
В этой игре вы увидите группу html-элементов, изображенных в виде продуктов и посуды. Вам нужно взаимодействовать с этими элементами при помощи подходящих CSS селекторов.
FlexBox Defense
Эта игра - это обычный tower defense. Ну почти обычный. В отличие от обычного, здесь вам нужно расставлять башни, пушки и т.д. при помощи CSS Flexbox.
Grid Garden
Игра которая помогает изучить CSS Grid. В этой игре вам надо выращивать морковь, используя CSS Grid.
Grid Critters
В этой игре вам надо спасти обитателей таинственной планеты Grideros. Делать вы это будете, конечно же, при помощи CSS.
CSSBattle "LEARN"
В этой игре вы пройдете интерактивный обучающий курс по CSS, делая из квадрата различные фигуры. И если в начале это будет круг и треугольник, то потом будут, например, гитара или гриб. При этом всем, пройдя курс вы сможете посоревноваться с другими игроками.
Вот такая получилась подборка, также я хочу сделать подборку и по другим языкам, так что если вам понравилась статья, то ставьте лайки и подписывайтесь, продолжение скоро.