Изучаем CSS Flexbox прямо в игре

Весна уже вовсю идёт, но лягушата не могут добраться до своих кувшинок. Помогите рассадить их по местам с помощью CSS-кода:

http://flexboxfroggy.com/#ru

В игре доступно 24 уровня, где вы постепенно изучите свойства justify-content, align-items, flex-direction, order, align-self, flex-wrap, flex-flow и align-content.

#веб #css #фронтенд

Готовы к дачному сезону?

Попробуйте вырастить морковь прямо в браузере. Вам предстоит с помощью свойств CSS Grid Layout поливать грядки с морковкой, а также избавляться от назойливых сорняков.

В процессе игры вы изучите свойства 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.

Повозиться в грядке: https://cssgridgarden.com/#ru

#css #веб #фронтенд