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

Front End Muntour recipe page challenge completed using flexible

Amer-10 30

@Amer-10

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@luizfbn

Posted

Really nice solution! Few things you could improve:

  • Change the font family of Ingridients, Instructions and Nutrition;
  • For a better semantic HTML, you could use <section> tag instead of <div> on each section. https://www.w3schools.com/tags/tag_section.asp
  • You could use a HTML <table> on Nutrition's table. https://www.w3schools.com/html/html_tables.asp
  • Remove the image border on small screens;
  • Preparation time title has a different font color (check style-guide.md file);
  • Nutrition table's info has a different font color;

Good job and keep studying! :)

Marked as helpful

1

Amer-10 30

@Amer-10

Posted

@luizfbn Thank you for commenting good tips I will follow

1

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