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 site

@kangwa-ntema

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Flavio-sv

Posted

Your HTML and CSS code for the recipe page is well-structured and follows good web development practices. Here’s some feedback to help you refine your project further:

HTML

What’s Good:

  • Clear and organized structure with semantic elements.
  • Good use of classes and IDs for styling and layout.

Suggestions:

  • Add comments to describe sections and any specific logic.
  • Consider using more specific class names (e.g., hero-image instead of hero_image).

CSS

What’s Good:

  • Effective use of CSS variables for color management.
  • Well-organized @font-face declarations and media queries for responsiveness.

Suggestions:

  • Group @font-face rules for better readability.
  • Remove redundant properties (e.g., background-color in .hero_image).
  • Ensure consistent units for properties and avoid excessive specificity.

Overall, you’ve done a great job with the project! These small tweaks will make your code even more robust and maintainable. Keep up the excellent work!

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