@amina-refik
Posted
hi,
excellent job 👏.
To enhance the semantics of your code, consider adding an <article> tag for your recipe. This tag defines it as "a self-contained piece of content that can be reused or distributed independently." In a web page with multiple recipes, each recipe should be enclosed within an <article> tag.
As a suggestion to remove the last line in your table, you could use the CSS pseudo-class :not(:last-child):
.nutrition-value:not(:last-child) p {
border-bottom: 1px solid #ccc; /* Use the color specified in the style guide: var(--LightGrey) */
}
Just a small detail: there are some missing word spaces.
Keep up the good work!
Marked as helpful