I stumbled upon this thread, and I cringed a little. I know it’s 7 months old, but seeing someone tell another to “learn Flexbox, it’s easier” is the easy way out. CSS Grid is quite an undertaking to understand, but once you do, it’s easy to implement. I suggest everyone learn it.
Your page looks good, well done!
I suggest you follow these two women who have worked tirelessly on CSS Grid and have an immense library of resources to learn Grid layout. Jen Simmons and Rachel Andrew.
I’ve seen them speak twice at conferences and while Flexbox is the easier of the two to understand, CSS Grid will be the way to go further down the line once browsers fully adopt Grid. They are almost at that point now and it continues to be worked on daily with the W3C Working Group.
I’d also suggest opening up a CodePen account, you can sign up for free and experiment there. Also check out Chris Coyier’s CSS-Tricks site, for even more about CSS Grid layout.
Go right to the MDN and read up on the MDN Site
There are also some sites that take the game approach;
Flexbox is made for 1D layouts, Grid for 2D, Flexbox takes up with content while Grid lakes up with layout. Using
flex in the Grid layout will be just the same as using Flexbox.
Medium has a ton of CSS Grid articles and you can find a ton more doing a web search, just stay away from W3Schools. I’ve been alive since its inception and it’s not the reference you want to use, just read the footer on the site.
Oh and Grid is much more responsive than Flexbox is.