This demo is from the YouTube video: Learn flexbox the easy way https://www.youtube.com/watch?v=u044iM9xsWU&t=1433s
Key point:
- Flexbox is used with media queries to transition from row to column display
- Notice that the gap property of flexbox is used to add gaps in both the row and column directions
- Without flexbox, you would need to add margins in both directions and this would be more complicated.