Recipe Page 2

Community feedback

• 

  P

  beowulf1958•1,450

  @beowulf1958Posted 5 months ago

  Great job on completing this challenge!

  I was unable to access the page preview; I think the link is broken on your solution page. I was able to view it by recreating it in VScode.

  I noticed that you used an entity "\2022" in the CSS to style the list items in your unordered lists. There is an easier way using the ::marker selector. Try this:

        .preparation-list,
        .ingredients-list {
          margin-left: 20px;
          padding-right: 50px;
        }
        .preparation-list ::marker,
        .ingredients-list ::marker {
          color: hsl(332, 51%, 32%);
          font-size: 1.5rem;
        }
  

  You could save a significant amount of lines of code.
  Hope this helps! And keep on coding.

  Marked as helpful

  0
• 

  Themba Mtshelwane•130

  @ThembaMtshelwanePosted 5 months ago

  Thank you for your feedback. I really appreciate it. I was struggling to find a way to access the markers for styling hence the solution I implemented. This will definitely help me in the future.

  The page preview works on my side, so I am not sure what the problem could be. To have access to the site use the following link: https://recipe-page-main-lake-seven.vercel.app/

  0