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

Responsive recipe page using css

@JosephSamuel-1

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@DanielClement37

Posted

There are a few things missing in this solution.

  1. There is pink background to the prep area of the code
  2. missing <hr /> tag in between the ingredients and instructions
  3. a bunch of the text does not match the style in the design either with incorrect font weights or wrong colors and the fonts are all the default fonts instead of the ones in the style guide.

4)Lastly the nutrition table is being hacked together with divs , h5s, spans, and hrs and can be more easily made using the HTML<table></table> tags with a text-align:left;

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