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 HTML&CSS

@ArwaZ65

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Shakil-a

Posted

Good work on getting it close to the design, improvements can be made in:

  • the h1 and paragraph shouldnt be in a navigation tag as its not for navigating
  • to make the text bold, rather than using p tags and then styling you could use the bold tag <b> or even strong <strong>.
  • the instructions should be in an ordered list <ol>
  • for font size use em or rem rather than pixels so it will adjust to different sizes
  • background color on container should be white
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