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 using Semantic HTML, CSS & BEM metodology

@keinermendoza

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?

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

@Kharmannn

Posted

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

@keinermendoza

Posted

@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
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