Card-Based UI Layouts: Grids, Masonry, and Feed Patterns
Card-based UI layouts explained: when grids, masonry, or feed patterns fit your...
Tag
CSS Grid changed how we build layout, and a decade in, plenty of people still reach for flexbox when Grid would be half the code. Posts collected here cover named grid areas, minmax and auto-fit tricks, aspect-ratio cards, and the layouts that used to need JavaScript and now don't. We lean toward real component work over toy demos. If you write front-end and want your markup to match the way you actually think about a page, this is your corner. Expect opinions on when Grid is overkill too, because sometimes it is.
Articles, guides and tutorials tagged CSS Grid (3 in total), newest first.
Card-Based UI Layouts: Grids, Masonry, and Feed Patterns
Card-based UI layouts explained: when grids, masonry, or feed patterns fit your...
Modern Dashboard UI: 2026 Design Trends and Layouts
The 2026 dashboard patterns Linear, Stripe and Vercel all ship: a 256px...
CSS Layout Patterns in 2026: Grid, Flexbox, or Bento?
CSS Grid vs Flexbox vs Bento layouts compared. When to use each,...