Features · Bento grid
A bento grid of five features for Bricks Builder: a large photo tile spans two columns and two rows, with three small tiles and one wide brand colored tile beside it. Built with the FBK Card and FBK Icon item components, so a tile's size is just a class and the grid settles the rest on its own.
In the annual plan, $99/year. See plans
Preview
Loading demo…
Template details
What’s inside
The components it’s built from. They come with the template when you paste it, and you edit them from the Bricks panel.
- FBK Button
A link styled as a button, with style, size and width.
- FBK Card
A media slot, title, text, a content slot and an actions slot.
- FBK Icon item
Icon, title and text, stacked, inline or boxed.
- FBK Intro
Eyebrow, title, lead and an actions slot for buttons.
Adjust it
Change these variables in Bricks to tune it; everything else follows your framework.
On the element Bento grid, class fbk-bento
Height of the large photo tile (it grows with the tiles beside it)
- --fbk-t-photo-min
- 26em
Photo zoom on hover: a photo's pace, 1.5 x the library's hover time
- --fbk-t-zoom-time
- calc(var(--fbk-hover) * 1.5)
