Three columns that fall apart on a phone
You want three feature cards side by side. So you set up columns, give each one a width, add margins between them to fake a gap — and it looks fine on your monitor. Then someone opens it on a phone and the three columns are still three columns, now squeezed into slivers too narrow to read. Adjusting one means re-checking all three at every screen size.
The Grid block handles that reflow for you. You set how many columns each device gets, and the blocks inside snap into place with even gaps all round.
Setting one up takes a minute. Drop the Grid in, add your blocks, and set the number of columns for desktop, tablet and mobile from the sidebar. Dial the gap, and the preview reflows as you go. No CSS Grid to learn, no media queries to write.
Three columns, reflowing to one. Three across on desktop, two on tablet, one on mobile — resize the window and watch the cards restack.
Discovery
We map out the goals and the pages before a single pixel gets pushed.
Design
Layouts come together as real blocks you can see and tweak, not flat mock-ups.
Delivery
The finished pages go live, and you get the keys to edit everything yourself.
Two columns with a generous gap. The same block with a wider gap between cells, giving two roomy panels space to breathe.
Responsive by default
Each device gets its own column count, so the same section reads well on a wide monitor and a narrow phone alike.
Yours to restyle
Background, border, spacing and gap all live in the sidebar, so the grid takes on your look without touching a stylesheet.
Four tight columns for a compact row. The same block set to four columns with a smaller gap, folding to two on tablet and one on mobile.
Fast
Lightweight markup that loads without fuss.
Flexible
Any blocks can go inside a cell, not just text.
Tidy
Even gaps keep every row aligned automatically.
Accessible
Real headings and structure the browser understands.
Ready to lay out your next section?
The Grid block ships with Flexa Block. Install it and it’s waiting in the editor the next time you open a page — the live grids above are the same block.
