Купить ссылку здесь

Бесплатные онлайн игры для освоения CSS

Qkston

И где теперь ваш ассемблер?
Модератор
Сообщения
377
Репутация
161
Баллы
71
187
Flexbox Froggy - эта игра также ориентирована на изучение Flexbox. Она освещает еще больше свойств: align-items, justify-content, align-content, flex-direction, align-self, flex-wrap, flex-flow и order. Имеет 24 уровня сложности.

1619165459379.png

Flexbox Defense - эта игра помогает усвоить применение таких свойств flex как align-items, justify-content, flex-direction, align-self и order. Имеет 12 уровней сложности. Последние четыре уровня особенно интересные и немного с подвохом.

1619165526433.png

Grid Garden - игра предлагает изучение CSS Grid Layout на 28 разных уровнях. Освещены следующие свойства grid: grid-column-start, grid-column-end, grid-column, grid-row-start, grid-row-end, grid-row, grid-area, order, grid-template-columns, grid-template-rows и grid-template.

1619165568728.png
CSS Diner - маленькая игра для изучения различных селекторов CSS. Попробуйте пройти все 32 уровня, чтобы стать экспертом по селекторам (и попутно проголодаться).

1619165585755.png

Flexbox Zombies - игра с сюжетом. По ходу игры вы учитесь использовать Flexbox и арбалет для охоты на зомби. Необходима регистрация.

1619165619006.png
 
Сверху Снизу