Skip to content
Submitted 2 months ago

Recipe Page using Semantic HTML, CSS & BEM metodology

Keiner Mendoza•240
@keinermendoza
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?

Once again, the biggest challenge I had to face was resolving the measurements of the elements without having access to the Figma file.

Community feedback

  • Akram Faisal•40
    @KharmannnPosted 2 months ago

    Wow, looks incredible! I am not sure why there is a blank white space at the bottom of the screenshot, is it because overflow or not? i am not sure

    I noticed one thing but that is very minor, apparently the size of the marker can be adjusted, try to make it with { font-size = 10px } for the li

    Keep going on 🙏🏽😎

    1
    Keiner Mendoza•240
    @keinermendozaPosted 2 months ago

    @Kharmannn Thanks for the suggestion, I didn't know that 👍

    I think the blank space at the bottom was caused by a height difference between my solution and the design. I just added some padding to the body on large screens.

    0

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