Omellete Recipe Page | HTML/CSS

Community feedback

• 

  Harsh Kumar•5,800

  @thisisharsh7

  Posted 29 days ago

  Hey, nice job! Well-organized CSS (with comments!) is appreciated!

  For changing color of dots/marker: Try using ::marker pseudo-element.

  .ingredients li::marker {
    color: __;
  }
  .instructions li::marker {
    color: __;
  }
  

  One small suggestion: Since you're using rem for sizing, make sure to adjust the html font-size using media queries for responsiveness.

  Without changing the html font-size, your layout won’t really be responsive — everything will stay the same size on all screens.

  Example:

  html {
    font-size: 16px; /* 1rem = 16px */
  }
  
  @media (max-width: 600px) {
    html {
      font-size: 14px; /* Now 1rem = 14px */
    }
  }
  

  Overall a good work - happy coding!

  00
• 

  Zune•100

  @zune-moe

  Posted 29 days ago

  Solid implementation. Keep going!!

  00
• 

  haquanq•2,095

  @haquanq

  Posted 29 days ago

  hi @marianaararipe,

  to style dots/markers of list item:

  li::marker {
      color: red;
  }
  

  nice work on this solution, there are other things i would recommend:

  • don't use <hr> but use margin, padding instead for better control and maintenance (you don't want to go back and find every <hr> whenever you need to update stylings).
  • for every sub-heading (h2) you can wrap it's related content inside section/article for better semantic (related content should be grouped together, especially when there is a heading => it is sub-content).
  • div/span is purely used to style elements and has no meaning to content flow, prioritize using section/article/...

  happy coding 😊

  00