Category Grid
Grid of posts grouped under a category heading.
Grid of posts grouped under a category heading.
The source for every block is part of All Access. One purchase unlocks the entire library, today and in the future.
The source for every block is part of All Access. One purchase unlocks the entire library, today and in the future.
A blog section scoped to a single category, with a badged heading, a "View all articles" link, and a six card grid below. The header pairs an Engineering badge with a matching title and a link aligned to the opposite edge, then six article cards present a thumbnail, title, excerpt, and date each. It is built with daisyUI and Tailwind CSS.
badge badge-soft, a category heading, and a "View all articles" linkThe header uses flex-wrap with justify-between, so the title and link stack neatly on narrow screens. The card grid runs one column on mobile, two at sm, and three at lg, keeping six cards balanced across breakpoints.
Change the badge and heading text to your category name, and point the link at that category archive. Edit the posts array to set each title, excerpt, and date. Because there is no author row here, it stays lighter than the standard three card grid, which makes it a good fit for a category landing page. Swap the Placeholder for real thumbnails and recolor everything through daisyUI theme tokens.