Responsive four card landing page using CSS Grid

Hi Antonio!

For responsive breakpoints, I normally use bootstrap's standard breakpoints. I basically use it as a reference (to at least know where to start from) and I go ahead to adjust it based on my design.

Note that, breakpoints don't have to be fixed, you need to adjust it based on what you are building. So it can fall within a range.

Here are Bootstrap breakpoints:

https://getbootstrap.com/docs/5.0/layout/breakpoints/

This is really good! I like how you've worked the title into the grid area.

I'd make use of the max-width to make sure your feature cards don't stretch out too much, also you can get rid of the top margin in your .header element on the smaller media query (probably a bit too far down the page, its fine on the other screen widths).

Otherwise that's sorted I reckon!