May Playing

I've been toying around a bit with my home page. Since I can now point everyone at the podcast I'm in, I've put an embed and link on the front page. I wanted to use Grid layout, but reading up on it I came upon a great quote:

Flexbox was designed specifically for one-dimensional layouts, while CSS Grid is engineered to enable two-dimensional layouts. Therefore, CSS Grid can easily render rows and columns simultaneously.

The Main Differences Between Flexbox And CSS Grid

For the three elements on the front page, I didn't care about rows, in fact that's what I wanted to flex. When the screen got too narrow, the boxes should dropdown and format automatigally. I had one long Row of elements that should fit the screen. So I adjusted to flex and I think it looks better.

Anyone else out there played with Flexbox and Grid and got good insights to share?