Four card feature section

@darkshadows02,

Your solution looks really amazing. Great Job 🎉

For making it responsive:

1. You can also use flexbox to work with it.
2. You can use a grid layout and using media queries with max-width for smaller screens you can position them using grid-area properties.

For accessibility and SEO reasons:

Make sure you use heading tags in their logical order from h1 to h6 Here is an article that might help you

Hi first thing you need to use more HTML tag like section instead of a lot of div, it's better for screen reader.

Use em or rem instead of px.freecodecamp.

And you use position: relative for each item which implies they're stuck at this place and can't easily move. You'd better use display: grid to place on the page it's more flexible. Mozilla.

A better way, it's to work with flex and grid to place your item, it's an easy way when you know how it works.

Hope to be helpful.