Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Masonry-Style Responsive Grid

Problem: Masonry-Style Responsive Grid

Try to create a responsive masonry-style layout with CSS Grid using grid-auto-flow: dense and viewport-based column adjustments.

We'll cover the following...

Problem description

Create a grid container that:

  1. Displays items in a masonry-like layout.

  2. Packs items densely to fill gaps (grid-auto-flow: dense ...