Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Two-Column Responsive Layout

Solution: Two-Column Responsive Layout

Let’s 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. ...