ФЛЕКСБОКС ЛЯГУШКА
ФЛЕКСБОКС ЛЯГУШКА
На краю пруда сидит лягушка, на другом краю — кувшинка. Между ними ничего не построишь пальцами, но можно одной строкой кода: justify-content: flex-end;. Пруд — это flex-контейнер, а ты — его единственный архитектор. 24 уровня учат главному оружию вёрстки: justify-content, align-items, flex-direction, order, flex-flow.
Каждое задание — живая задачка по CSS: пишешь свойство в редактор, лягушки тут же сдвигаются. Совпало с кувшинками — кнопка «Следующий» вспыхивает, и ты плывёшь дальше. Не совпало — кликни подчёркнутое слово в тексте: откроется шпаргалка со всеми значениями и объяснением, что делает каждое. Прогресс сохраняется, а режим для дальтоников делает цвета лягушек различимыми без оттенка.
Это легендарный flexboxfroggy (MIT) — игра, по которой учатся фронтендеры всего мира, — теперь с русским интерфейсом, авторскими переводами заданий и сенсорной палитрой свойств: на телефоне тапаешь свойство, потом значение, как в настоящей шпаргалке. А если застрял — лампочка в углу решит уровень за тебя и покажет ответ.