All solutions

I think this went ok. I definitely struggle with a lot of trial and error. 😭😂 In the future I will work on learning to make transitions smooth at the break points, but I'm fine with it for my first page. I had to learn lots of new things so that was good.

The only thing that really bothers me is I would really like the the bottom images (from the square of four images in the mobile view) to not pop up the the upper row one at a time. It looks really bad when there is a row of three on top of a row of one. I'd really like them to stay in a square until there is enough space for them both to pop up to the top row.

...not sure how to make it not 'in progress' on my dashboard without submitting the solution again

First time trying to make something responsive on my own. (I did a follow along tutorial like a year and a half ago) I couldn't get the mobile size version to center on the page and I couldn't get the footer to be below the content. ARRRGG :)

UPDATE: I got some great feedback that told me how to fix my issues!

I tried to set all the font weights and colors the way they are in the Figma file, but there are still little differences when I use the slider bar to compare mine to the solution and I don't know what's wrong or how to fix it. I suppose more experience is the answer. :)

My first time making something like this without a tutorial. Now I just need tons more practice. 😂