CSS Grids: Part 2

Use CSS grids↗ when you have equal width items. If you need it, get my code from Github (select 'code' > dropdown > download .zip) and then open in your coding editor of choice. Below, notice how the item number corresponds to each grid item. Then use @media queries for each breakpoint to define how many items display on a row.

1. First Item

ABOVE: An animated GIF of the book My Way to Typography by Wolfgang Weingart.

2. Second Item

ABOVE: Nuclear-fusion reactor smashes energy record

I added a small paragraph below each image. Please download from Github > open the folder > and reverse engineer!

3. Third Item

ABOVE: An animated GIF of a GIF workshop.

CSS Grids makes sense to use if you have multiple equal columns and rows. Don't just copy, use it if you need it. Tweak as you see fit.

4. Forth Item

5. Starting to get it?

6. I hope so

7. It takes time, rest, and space

8. To handle stress with patience and grace