Flexbox
Sections can also be used to create more complex layouts based on flexbox. They can contain any kind of block and even other sections.
First column, one row.
Second column, first row ...
... and a second row.
Third column, first row ...
... a second ...
... and a third row.
You are in full control over flex properties such as the minimum block width, the gap size and the alignment of items.
This section has ...
... no vertical ...
... and ...
... horizontal gaps.
Cards
Cards are basically not more than styled sections. They are a bunch of blocks combined in one section that maybe has a border, a shadow, padding and even rounded corners.
with a slideshow
Cards can contain any kind of content. You can also stretch images or slideshow over the entire card width.
Card with a
background image
Styling Other Blocks
Aside from being a card, sections can also be used to control the appearance of just one single block such as a gallery. The gallery block below has rounded corners, a white border and drops a shadow — all those styles are actually applied to the wrapping section.
Related Pages
Pagelists are an essential part of any dynamic website. They can be used to create navigations and page grids. And they take care of rendering content for each page in a list of many pages.
Blocks are single units of content. There are several types of them. They can be arranged by using the little grip icon to drag them around. ☝️ Check out some examples below.