Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Basic Responsive Grid Layout

Solution: Basic Responsive Grid Layout

Let’s build a responsive grid that adapts from one to two columns and then to auto-fitting columns with a minimum width on wider viewports.

We'll cover the following...

Problem description

Given a series of content cards inside a container, implement a responsive grid that:

  1. Displays one column on narrow viewports (< 500px). ...