Recipe-page using html and css. I also used padding margin and borders

Community feedback

• 

  جهاد أحمد•280

  @Gehad28Posted 3 months ago

  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:

  1. 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.
  2. For the preparation time section, you can give the div a padding from all directions. For example, padding: 2rem;.
  3. For the ingredients and instructions sections, you can give the div a margin from the left.
  4. 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

  0
• 

  Zangetsu5•10

  @Zangetsu5Posted 3 months ago

  thanks

  0