Responsive page using CSS flexbox and grid.

I used a mixture of Flexbox and Grid to build some of the components in this project. I hope this is a good approach.

The media query was confusing at first but I managed to figure it out. For example when I set the condition to max-width - it meant that the code that follows executes when the screen size is equal to or less than the max with. I thought it was the other way around.