@R3ygoski
Posted
Hello Joseph, congratulations on completing another Frontend Mentor challenge.
Here are some CSS tips: I noticed you had difficulty coloring the numbers and bullets in the list. To do this, you can use the ::marker pseudo-class. Here's a link explaining how it works: W3School - Marker.
For your <div class="nutrition"> elements, try using width: 50%; to make them more similar to the proposed design.
In your form selector, try using padding: 2rem or padding: 32px to add more internal spacing to your card.
Now, a tip regarding HTML: Let's start with the <form> tag. It's used for creating forms, but this card isn't a form. It would be more appropriate to replace the <form> tag with <main> because that's more accurate.
Again, congratulations. If you have any questions, please comment below, and I'll do my best to help.
Marked as helpful
