Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Fluid Grid Columns with Auto-Fit

Problem: Fluid Grid Columns with Auto-Fit

Try to create a responsive grid layout with equal height, auto-wrapping columns using CSS Grid’s auto-fit and minmax() functions.

We'll cover the following...

Problem description

A .container holds multiple .item elements of varying content size. The task is to employ CSS Grid with repeat(auto-fit, minmax()) so ...