Recipe Page 2

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.

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/