CSS Diner

Простая и понятная игра поможет с легкостью усвоить основные правила верстки. Также будет хороша для тех, кому необходимо вспомнить работу с CSS после длительного перерыва.
В данной игре вам предстоит через определенные команды расставлять кухонную утварь на столе. Игра включает в себя 32 уровня. С каждым новым уровнем задача будет становиться сложнее, вы даже сможете повторить основные селекторы: div, first-child, input и т.д.
Flexbox Defence
Отличная игра, способная обучить вас использованию Flexbox в своих проектах. Игра создана по мотивам жанра «Защита башни» (Tower Defence).
Ваша задача - защищаться от врагов с помощью возведения башен. Для того, чтобы построить защитные сооружения необходимо использовать CSS-код. Каждый следующий уровень будет знакомить вас с новыми свойствами и способами их использования.
Grid Garden
Прекрасная игра, которая подойдет для всех, кто заинтересован в изучении CSS Grid.
Здесь в процессе прохождения игры вы будете получать все больше сведений и Grid-свойств. Эти знания вы будете применять для того, чтобы ухаживать за грядками с морковью: убирать сорные растения, поливать грядки и в целом контролировать рост морковки. В игре 28 уровней и к каждому уровню даются исчерпывающие инструкции.
Flexbox Froggy
Эта игра очень схожа с предыдущей, но в ней делается акцент именно на CSS Flexbox. Вы управляете лягушонком по имени Фрогги и постепенно учитесь использовать flexbox-свойства для правильного размещения объектов на веб-страницах. С каждым уровнем количество объектов увеличивается. Все необходимо установить на определенную линию используя CSS.
Pixactly
Игра, которая поможет отточить навыки pixel perfect, что пригодится каждому верстальщику. Приложение помогает определить, на сколько развит ваш глазомер. В игре отображаются параметры, по которым предстоит нарисовать фигуру. Чем ближе созданная фигура к нужным размерам, тем больше балов вы зарабатываете. Лучше не ошибаться, только так получится заработать высшую оценку «Great». Если что-то пойдет не по плану, появится сообщение «Great! said nobody»."