Skip to content
Submitted 10 months ago

Responsive Recipe Page

Aashish•50
@AashishVivekBhat
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

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

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