Four Card Feature Section Layout

Hi Jaiden Lee, Great job on completing this challenge!

Here are my feedbacks to your challenge:

1. It's not a good practice to have two <h1></h1> tag element in your HTML, I'd suggest making the other heading a <h2></h2>

2. If your struggling on positioning the image, I'd suggest wrap the image in the div element, set a align-self property with a value of flex-end to the div selector.

3. Try using rem or em for your max-width and media-query. This will improve responsiveness of the page because rem and em are relative units they scale with the user's font size settings.

4. I'd suggest to remove the property text-align in your .site-container and move it to each content that you want to have the text centered. Setting a text-align: center in the parent div will cause everything to be centered. That's the reason that the text in your card are also centered.

** HAPPY CODING 🧑‍💻🧑‍💻 CODE UP ☕☕☕**

I like the way you used grid, I used flexbox but knew grid would be better but I'm not good with grid yet. Nice job. Sorry not much constructive criticism as I am new to css.