@MahmoodHashem
Posted
You've done an excellent job and the project looks good, but to enhance its appearance, consider adding padding
to elements such as the recipe card div
and the preparation time section. You can also change the color of the list item markers using the ::marker pseudo element. Simply add a card
class to the first div, which is the container for the recipe, and a "preparation-time" class to the Preparation Time section, and apply the following CSS styles:
.card{
background-color: white;
padding: 20px;
border-radius: 10px;
}
.preparation-time ul li::marker{
color: hsl(332, 51%, 32%);
}