@Gehad28
Posted
Hi @Zangetsu5, nice work!
You can find the colours and fonts in a file called style-gide.md in the starter folder, you don't have to guess them. :)
I think you didn't push your final work to the github repo as the live site doesn't seem like your screenshot. I can see from you screenshot that you just need to apply some padding and margin and delete some.
Here are some tips:
- You can think of the page as a grid or a flex box of one column. This will help you apply a gap between the sections so that the spaces between them are equal.
- For the preparation time section, you can give the div a padding from all directions. For example,
padding: 2rem;
. - For the ingredients and instructions sections, you can give the div a margin from the left.
- To apply style on the marker of the list items, you can use the following selector:
li::marker{
font-size: 12px;
color: hsl(14, 45%, 36%);
}
I hope this helps. Keep going ☘️
Marked as helpful