Equalizer Landing Page - Thoughtful approach to CSS grid

I wanted to do another project that might make me think about CSS grid, this seemed like the perfect one that wouldn't take too long :)

Overall I always try thinking how I can make things responsive and looking as best as they can, on any viewport, with the smallest amount of code. The benefits of this approach are two-fold:

1. The user experience overall is improved
2. The readability of code is usually excellent. Usually. Or at least there isn't an overabundance of code that's not needed.

That's what i did here, I think? I was pondering on whether I should have set the widths/heights of my grid-children or if the approach I went with of mostly using the grid declarations to declare them made sense. In the end I'm not sure. Might have to make a case study of this in the future where I write this code in 2 different ways.

Anyway, cheers :)