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 Challenge

@nandahn

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

Faria a parte responsiva, algo que estou aprendendo no momento

What specific areas of your project would you like help with?

Responsividade

Community feedback

@Swag-blips

Posted

Hello maria, great work!

HTML Semantics: -Consider using semantic HTML5 elements like <header>, <section>, <article>, and <footer> to better define the different parts of your webpage. This improves readability and accessibility. For example, the banner can be wrapped in a <header>, and each section (e.g., preparation, ingredients, instructions, nutrition) can be wrapped in a <section> tag.

Accessibilty:

  • Add alt text for images that describe their content to improve accessibility for screen readers.

-There is a missing closing </tr> tag for the Carbs row in the nutrition table. This could cause rendering issues.

Marked as helpful

0

@nandahn

Posted

Hello @Swag-blips how are you? Thank you very much for the feedback, it will help me a lot, I confess that it has been a long time since I touched HTML and CSS so I was pretty rusty lol, but thank you for the feedback and help

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