Building a responsive grid with CSS Grid
If you haven’t messed with it, yet… CSS Grid is pretty handy. Take this HTML, for example: <div class=”wrapper”> <div class=”box”>1</div> <div class=”box”>2</div> <div class=”box”>3</div> </div> We can easily create a grid like this: .wrapper { display: grid; grid-template-columns: 100px 100px 100px; grid-gap: 10px; } That’ll give you a grid that looks something like this: And, you can do even more complex layouts like this: With just a few lines of code. Again, pretty handy. Anyway, one of the things I immediately wanted to do was build a Bootstrap-like grid system using CSS Grid. So, I did… and I put it