Row Container Block
Create flexible horizontal or vertical layouts with the Row block, powered by CSS Flexbox for ultimate control.
What is the Row Block?
A flexbox container that:
- Arranges blocks horizontally or vertically
- Provides flexible width control
- Handles wrapping for responsiveness
- Offers powerful alignment options
Key Features
- Horizontal or vertical direction
- Wrap control for mobile layouts
- Justify and align content
- Gap spacing between items
- Individual item width control
Common Use Cases
Two-Column Layout
- Set direction to horizontal
- Add two blocks inside
- Set each to 50% width
- Enable wrapping for mobile
Button Group
- Set justify to center
- Add button blocks inside
- Set gap to 16px
Image and Text
- Add image block (left)
- Add text content (right)
- Enable wrapping
- Set appropriate gap
Best Practices
- Use for 2-3 items maximum
- Enable wrapping for mobile
- Set gap spacing 16-24px
- Use Grid for more than 3 items