wow, you did a great job!
You said you strugled a little with the nutrition list and so do I. The esiest way that I found to do that was to put two div's. the first I put the four words that stay in the first column. And in the second div I put the values numbers. So I gave display:grid; on the div that involves this two I described and put two columns with 1fr 1fr and It fit so easily and I didn't need to space it out.
If my explanations was confuse I invite you to take a look on my project and I'd be glad if you could give me some feedback too.
Your solution is so good. Good job! I don't know if there's something to change, cause I'm a begginer too, but I'm sure someone more experiente will give you some suggestions.
What are you most proud of, and what would you do differently next time?
I'm pround to be capable to do that by myself. I don't think I'm in position to say how I could do differentry, but certainly in the future, when I get more knowledge I'll be able to think In many different ways to do this project.
What challenges did you encounter, and how did you overcome them?
The challenge I encounter was about the button with the tag . I wanted this to act like a button, but doesn't work at the begginer. So I did some searches about how the links and buttons work and when I did I found out that I just had to involve the tag and on the tag nav.
What specific areas of your project would you like help with?
Well, I just need some feedbacks about how I could do better or if it's good that way.
What are you most proud of, and what would you do differently next time?
I'm pround to really be able to do it, when I thought I couldn't. Now, i'm not sure about what I could've done better, but I'll be glad to receive some feedbacks about what I should do better in my code.
What challenges did you encounter, and how did you overcome them?
My challenge was to build a backend that would be better to style, them I did some tests with the syntax of HTML, while I change the style in CSS.
What specific areas of your project would you like help with?
I think I could use some help with the HTML to better use the syntax.
Well, I struggled with the semantic of HTML equally, so I made some tests in my code. I did some changes in CSS and when it doesn't worket I'd some chenges in HTML.
So, I just took a look in your code and realised you don't necessary need to use the element <main>, istead you could put a <div class="container"> and inside you put another <div class="card">, so them inside of this card you will put de image and another <div class="text"> that would contain the elements <h2> and <p>. This div.text need to stay inside the div card like the image to work properly.
You could get some vertical padding between the <h2> and the <img> to git some space to look more beautiful.
This all is a some suggestion that would allow you to put a border-radius in the image and can be semantically correct too.
I would increase spread in the shadow you put in de box to seem more natural and make the color more transparent.
If I'm wrong, please someone correct me, cause I'm a beginner too.