...

/

Problem: Min-Max Responsive Grid Gallery

Problem: Min-Max Responsive Grid Gallery

Try to design a two-column layout with a 1rem gap that responsively shifts to a single column below 600px using CSS Grid and media queries.

Problem description

You have a container <div class="gallery"> with multiple .item child elements. Write CSS rules so the gallery is displayed as a grid, automatically fitting as many columns ...