Opens in a new tab

Blog · Post grid with panels

A blog grid for Bricks Builder with the FBK Post card in its Panel layout: the photo stands on its own and the text sits on a white panel that rises over its lower edge, lifting a little on hover, signed with the author's photo and date. Up to three columns, dropping on tablet and mobile.

Dark mode readyHow to use it

Copying for Fancy Framework · Desktop first

Needs a framework. Get Fancy Framework (free)

In the annual plan, $99/year. See plans

Preview

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 Intro

    Eyebrow, title, lead and an actions slot for buttons.

  • FBK Post card

    A blog post inside a query loop: image, title, excerpt, Read more.

Adjust it

Change these variables in Bricks to tune it; everything else follows your framework.

On the element Posts, class fbk-blogpanel

Narrowest a card gets before the grid drops a column

--fbk-t-min
17em

Every setting, step by step, in the docs

More like this

See all All templates