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 by Mike Wilson

@mikewil245

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 are you most proud of, and what would you do differently next time?

I looks like the provided design or close to it and what i would do different is start using SASS for nesting and better readability

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

Getting the spacing around the list items and changing the color of the bullet points. but figured out i just need to add padding to create the spacing and for changing the bullet point color i discovered the pseudo element ::marker

What specific areas of your project would you like help with?

Just making sure my spacing is consistent throughout my layout

Community feedback

@A-noob-in-Coding

Posted

Hi there,

For the spacing to be consistent you can use relative units in padding, margin etc instead of absolutes units

1

@mikewil245

Posted

thank you looking foward for doing that in the next project @A-noob-in-Coding

1

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