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.
