Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Recipe page

HL Wong 290

@hl-wong

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What challenges did you encounter, and how did you overcome them?

To color the list bullet. I removed the default list bullet and use ::before selector to add a new list bullet, center and color it.

Community feedback

P

@bluethreadmade

Posted

Your solution looks good! The mobile design works well.

The numbers and bullets under ingredients and instructions are missing padding on the left.

Your CSS is nicely organized. I don't know if you need to specify the bullet content on ln 89 to just change the color. And I don't think @import for the font in CSS is necessary or useful if you are specifying it in a link in your html.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord