Знакомимся с css селекторами
CSS Diner – Игра знакомит нас CSS селекторами от самых основ до комбинаторов и псевдоклассов. Вам придется выбирать различные предметы на столе с посудой.
Изучаем Flexbox
Flexbox Froggy – В этой игре необходимо размещать лягушек на куфшинки с помощью flexbox. Красивая и интересная игра, благодаря которой вы поймете как работает flexbox.
Flexbox Defense – Изучаем flexbox в классический Tower Defense стиле. В игре нужно не дать пройти врагам, размещая защитные башни flexbox свойствами.
Flexbox Zombies – Нравятся игры про зомби? Тогда эта игра для тебя. Целься и убивай зомби с помощью flexbox. Игра значится платной, но на момент написания статьи, при регистрации на сайте, открывается бесплатный доступ.
Flex Box Adventure – Отправляйтесь в таинственное приключение и помогите королю Артуру победить трех злых братьев с помощью CSS Flex Box.
Grid layout
Grid Garden – Изучаем гриды, поливая морковь на грядках.
Grid Attack – Демоны похитили могущественного эльфа, чтобы украсть его силу. Отправляйтесь на невероятно опасный квест и спасите мир, используя секретное оружие — CSS Grid.
Применяем свои css знания
CSSBattle – Игра с элементом соревнования. Вам дается некий шаблон, который необходимо повторить с помощью html и css, используя как можно меньше знаков.
