Notes
What a good quote always includes
Three things to ask before you hire anyone, and the answers worth hearing.
Library
Blog grid
A Section intro over three Blog cards with a link to the archive. On a site, wrap the cards in a posts loop and map the card's props from the post.
PatternBlog
Live preview
Notes
Plain writing on the law we practise.
Short, useful and dated, so you know when it was true.
Notes
Plain writing on the law we practise.
Short, useful and dated, so you know when it was true.
NotesWhat a good quote always includes
Three things to ask before you hire anyone, and the answers worth hearing.
What you can build with it
The latest posts section on a home page. A resources or news block on a landing page. A reading list at the end of a service page.
Props
A pattern: edit the Section intro; replace the three cards with a loop of posts mapped to the Blog card's props.
States shown
Every state comes from the components inside; see their pages. Grids reflow by container width.
How to change it
It is a section built from library components (Blog card, Section intro). Edit each component's props, and add or remove cards in the structure panel. Colour, type, spacing and radius follow your Automatic.css settings, so a change to the site's palette or scale changes this too.
ACSS tokens used
section-space-m, gutter, content-width, space-l, grid-gap, bg-light
ACSS requirements
ACSS 4 defaults. Uses the Section intro and Blog card components (included).
Version history
Version 1.0.1, October 11, 2026: Carries the current Blog card (1.1.0): the size option and the card family's shared spacing, corners and part names. Pasted beside the card itself, it no longer asks to update it. Version 1.0.0, September 17, 2026: First release.
Tested with
Etch 1.6.7 and ACSS 4.0.1. Version 1.0.1.
Lifetime members
Members copy this straight into Etch, ready to paste.
Used an earlier version? How to update it
Get lifetime accessOther builders
Want EtchPress for Bricks or the block editor?
Everything here is made for Etch. Pick the builder you use and leave your email: we write once, when EtchPress works there.