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 . html , reset css , mobile first , bem , google fonts

@brycezusan

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I've just completed a front-end coding challenge from @frontendmentor! 🎉

You can see my solution here: https://effortless-zuccutto-9d2bf5.netlify.app/

Any suggestions on how I can improve are welcome!

Community feedback

@jadurani

Posted

Hey! I was checking out your solution and here's my feedback:

  • Spacing
    • Try to lessen the horizontal padding of the main content and get it as close to the mock-up as possible
  • Ingredients section
    • The alignment of the table contents could be improved
    • Try to use the <table> HTML tag and its related tags
  • Image
    • The image looks perfect on desktop view. However, on mobile view, it has to stick to the edge of the screen (without padding) and without rounded corners

Hope you find this helpful. Congrats on submitting your first solution! 🎉

2

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