Skip to content
Submitted 9 months ago

Recipe page . html , reset css , mobile first , bem , google fonts

Cesar Briam•200
@brycezusan
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

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 Davalos•220
    @jaduraniPosted 9 months ago

    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

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