Masonry Grid Portfolio

Build a masonry grid using CSS columns where cards of variable heights wrap and fill gaps without overlapping.

Create a portfolio-style grid of cards with different heights. Using CSS multi-column layout, the cards should flow into columns and fill vertical space naturally.

Use column-count on the container and break-inside: avoid on the cards so they do not split across columns.

Ensure the layout is responsive, adjusting column count on different screen widths.

Test that cards fill gaps without overlapping.