Recipe Card using HTML and CSS

What are you most proud of, and what would you do differently next time?

I am proud that I was able to work through the HTML smoothly. I used ordered and unordered lists and a simple table. I am proud that I worked through difficulties getting the content to fit the container and that my final solution is pretty close to the design.

My @media query seems to work and I was able to get that mostly how I wanted it on the first try.

What challenges did you encounter, and how did you overcome them?

I had trouble getting the content to fit the container. I solved this by setting the font-size to 55%. I used 20% for the mobile version. Not sure this is best practice, but it did work.

I also had trouble with sizing/spacing. I did not have the Figma files and realize how useful these are. Had to use trial and error, which takes much longer. I also had trouble getting the black background, with the lighter inner container. I was able to get this to work by adding an .outer-container outside the .card-container.

What specific areas of your project would you like help with?

Not sure if using the 50% font-size is the correct way to size this, so I'd love feedback on that. I appreciate any other feedback. Thanks so much!