Flexbox Container

Design Pixel-Perfect Layouts In Gutenberg With Flexbox Container

Create any design you can imagine in Gutenberg editor with Flexbox block and easily handle even the trickiest, responsive layouts without coding.

Get Started
Read Documentation

Presenting The New Building Block That Empowers Efficient Layouts, Alignments & Distributed Items

Control The Content Flow By Adding Your Layout Blocks to Flex Container

Get freedom to shape your content layouts by dragging blocks into the Flexbox Container and positioning them exactly how you want.

Add Column Blocks To Your Flexbox And Create Items At Your Own Pace

Place your layout blocks into the Flexbox container and manage the appearance of all items centrally; no need to tweak each block separately.

Justify Block’s Alignment Position According To Design Needs

Easily align and position every container item without custom code. No matter how many blocks you use, your design stays perfectly structured.

Control Content Flow By Adding Layout Blocks to Flex Container

Enable Flexbox Container content wrapping to ensure every designed layout stays fully responsive and adapts smoothly to any device.

Create Endless Content Structures From Basic to Complex

  • Flex Start
  • Center
  • Flex End
  • Stretch

Create Endless Content Structures From Basic to Complex

  • Flex Start
  • Center
  • Flex End
  • Stretch
Perfect T-Shirt Mockup

Get freedom to shape your content layouts by dragging blocks into the Flexbox Container and positioning them exactly how you want. Get freedom to shape your content layouts

View Projects
Product Mockup

Get freedom to shape your content layouts by dragging blocks into the Flexbox Container and positioning them exactly how you want.

View Projects
Premium Box Mockups

Get freedom to shape your content layouts by dragging blocks into the Flexbox Container and positioning them exactly how you want. Get freedom to shape your content layouts by dragging blocks into the Flexbox Container and positioning them exactly how you want.

View Projects

Explore Numerous Configuration Options To Customize Flexbox Container Based On Your Needs

Style each container item in the flexbox with hierarchy, custom control, spacing, alignments, positions, etc., to give it a contemporary, flexible appearance.

Explore How to Configure Flex Containers In Gutenberg