Ко всем сервисам
Tools/CSS Flexbox Playground
CSS Flexbox Playground
Visual editor for CSS Flexbox: tweak justify-content, align-items, flex-direction, gap and individual item properties (flex-grow, flex-shrink, flex-basis, align-self) with a live preview and copy-paste CSS.
Container
Items (3)
Item 1
Item 2
Item 3
Viewport:
1
2
3
CSS
.container {
display: flex;
gap: 8px;
}