Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Two-Column Responsive Layout

Problem: Two-Column Responsive Layout

Try to create a responsive two-column grid layout with equal widths and a 1rem gap that switches to a single column when the viewport is narrower than 600px.

We'll cover the following...

Problem description

Create a container that initially displays its child elements in two equal-width columns with a 1rem gap. When viewport width is less than 600px ...