UTILS.
100% у браузері

CSS Flexbox Майданчик

Експериментуйте з властивостями flexbox на живому перегляді та копіюйте згенерований CSS.

Про цей інструмент

Налаштовуйте flex-direction, justify-content, align-items і flex-wrap та миттєво бачте результат, усе у вашому браузері.

Поширені запитання

Що показує перегляд?
Flex-контейнер із п'ятьма пронумерованими блоками, які наживо перерозташовуються, коли ви змінюєте властивості.
Чи готовий CSS до використання?
Так, скопіюйте згенероване правило .container просто у вашу таблицю стилів.

Більше інструментів