Design comparison
Community feedback
- @stephanievanoverberghePosted 9 months ago
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@jaimzhPosted 4 months ago@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 GitHubJoin 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