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 main with HTML and CSS

@adonesguerreiro

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?

Despite the difficulties, I managed to do my best, especially in CSS.

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

The responsive part was quite challenging, but I believe I can improve a lot.

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

Mainly CSS related to the responsive part.

Community feedback

P
WebDevJoe 70

@JoeWebDevelopment

Posted

I see you handled the problem of spacing the lis from their markers differently than me. using content " "; I solved this by adding padding-left on to the list-items hopefully this works for you.

I also noticed you added the pink background to the prep, something that isnt in the 'design'; I also had this and later checked the figma for that to be missing. I'm not sure if that was just a fever dream I had of seeing that, but it seems it wasn't.

Marked as helpful

0

@adonesguerreiro

Posted

@JoeWebDevelopment thanks for the suggestions, I'll make the corrections.

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