I think you should put a min-width for your media query to make it shrink less.
I like the way you organized your css, but i think you complicated yourself too much in your html structure organisation, mayber there are too much "div" and 'class" :)
What are you most proud of, and what would you do differently next time?
Very proud of the responsiveness!
What challenges did you encounter, and how did you overcome them?
Started the desktop layout with a flexbox but it was hard to make the image fit the entire half section of the card. Switched to a column layout instead.
What specific areas of your project would you like help with?
I can see that you know how to do it but just felt lazy to make it perfect...
There probably a lot of thing that you can improve but your code is good i think, don't forget to put a "main" to englobe all of your "div" inside your body. Your html structure look a little bit messy, i don't think that using an header or nav was useful.
The result is very good, it's exactly what it should look like.
I find the structure of your HTML5 well constructed.
However, I'm having a little trouble with the organization of the css which doesn't seem well organized to me, it's hard to find my way. I also think that this project did not require as many lines of css, there were, I think, simpler ways of doing it. I don't think we need @media query either, the code is too bloated.
but you seem to use special tools (which I also don't have knowledge of) like "last-of-type" for example, I don't think this is useful. I think it's better to use many classes instead.
I'm a beginner so what I say may not be right, and I'm not writing with bad intentions :)
It look exactly like the sample. I think that usually i will not use px for my width, but because of that your website look exactly like the sample, and it is perfectly responsive.
everything look well structured, and the * {} is well initialized.