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
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Recipe Page

Aashish 50

@AashishVivekBhat

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Tried to improve my CSS skills with DRY principles and responsive layout, while using semantic HTML elements for better accessibility and concise code structure.

Would really appreciate for more ideas or improvements in context of:

  • CSS frameworks /libraries to learn for industry purpose
  • Code solution for this challenge specifically:
  1. List-items (<li>)
  2. @media queries
  3. Responsive layout
  4. HTML code structuring
  5. Optimization and Fast load-time

Community feedback

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