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 site

jaimzh 60

@jaimzh

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@stephanievanoverberghe

Posted

Hello, I'm looking at the code of your project and I would like to help you improve it.

First of all, congratulations on completing this project. Secondly, I'll give you some ideas to improve it:

  • Try to set the width to 100% on your image so that it takes up the entire width or use a background image in cover mode then you adjust the width according to the device.

  • For your class="line", you could have directly used the self-closing <hr> tag. It does the job well.

  • For the nutrition section, I would have rather used a <table> tag

  • And to really increase the readability of the semantics, I will use <section> tags for each section of the page ** Ingredients ** Instructions ** Nutrition **

It wasn't an easy project!! Best wishes

1

jaimzh 60

@jaimzh

Posted

@stephanievanoverberghe Thank you for the advice and your kind words! I appreciate your suggestions and will definitely consider them for improving the project. Your feedback is very helpful. Best wishes to you too!

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