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 Page

@Jayashree-26

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@akash02ab

Posted

Desktop View is looking Good!

Need to optimize for mobile view.

Few Suggestions:

  • Use consistent CSS naming conventions to make sure the styles are easily readable.
  • Use CSS variable to avoid repeating yourself. (makes it even more useful when you want to change something, you change it at one place)
  • Use semantic html such as main, section, article etc instead of using div's. Instead of <div class="container"> --> <main class="container"> is better of main content of the page.
  • Keep all the styles in one place (make it's easier to debug and good practice while working on a project with team). Instead of using inline style for margin-left it's better to put it in external css i.e. style.css

Keep Up the good work. Happy Coding!! 👋

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