Skip to content
Submitted 5 months ago

Recipe page main with HTML and CSS

adonesguerreiro•50
@adonesguerreiro
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

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

  • WebDevJoe•70
    @JoeWebDevelopmentPosted 5 months ago

    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•50
    @adonesguerreiroPosted 5 months ago

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

    1

Please log in to post a comment

Log in with GitHub

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