Онлайн-генератор раскладки Flexbox: визуально настраивайте направление главной оси, выравнивание, перенос и отступы, сразу видите результат для контейнера и элементов и копируете CSS-код в один клик — незаменим при отладке вёрстки.
Настраивайте параметры и сразу видите предпросмотр макета, а затем скопируйте сгенерированный CSS в свою таблицу стилей.