Make a responsive grid with just 3 lines of CSS !
HTML
<pre><code class="lang-html">&lt;div class="grid"&gt;
 &lt;div class="one"&gt;One&lt;/div&gt;
 &lt;div class="two"&gt;Two&lt;/div&gt;
 &lt;div class="three"&gt;Three&lt;/div&gt;
 &lt;div class="four"&gt;Four&lt;/div&gt;
 &lt;div class="five"&gt;Five&lt;/div&gt;
&lt;/div&gt;
</code></pre>
CSS
<pre><code class="lang-css">.grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 grid-gap: 10px;
}
</code></pre>
Result
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/FiveMinuteDev/pen/wvWojez">https://codepen.io/FiveMinuteDev/pen/wvWojez</a></div>

Make a responsive grid with just 3 lines of CSS !

**HTML**
```html
<div class="grid">
 <div class="one">One</div>
 <div class="two">Two</div>
 <div class="three">Three</div>
 <div class="four">Four</div>
 <div class="five">Five</div>
</div>
``` 

**CSS**

```css
.grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 grid-gap: 10px;
}
``` 

**Result**

%[https://codepen.io/FiveMinuteDev/pen/wvWojez]

Responsive Grid With 3 Lines Of CSS