All solutions

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

I'm proud of labeling all the classes to names that make sense. And using root selector with variable names that make sense.

I would try to make the footer stay at the bottom but center the content to be centered with the social profile flexbox. Also try to keep left and right margin of the black background in the body element which disappears when shrinking the content to mobile width.

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

I couldn't get the footer to stay at the bottom without using position fixed which I'm not sure is the best solution. The footer text was also not centered with the flexbox container containing the social profile.

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

How to remove some of the space between the avatar image and the name of the developer. Best practices for all of the content and to make it responsive depending on size of page.

I also couldn't get the link font color to change to black upon hovering over the link with the hover pseudo selector.

I tried adding the color property but the black color is not working.

.social__link:hover {
  background-color: var(--clr-primary);
  color: var(--clr-neutral-black);
}

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

I'm most proud of making it responsive to different screen sizes since it's my first time using media queries and maintaining consistent CSS class names.

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

I encountered a problem where I can't remove the last divider line in the nutrition table I created using CSS grid. The part after the fat nutrition facts at the bottom. And I also couldn't get my ordered list numbers to be the same font as the solution.

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

Removing the last divider line after the fat nutrition facts. Also I changed the font-family for the ordered list in the instructions and used the two fonts that were in the style guide but my numbers still don't look like the numbers in the solution url.

Other than that, just requesting to see if I followed best practices in my code. Thank you.