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 landing page with flex

@cleverAkanimoh

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@grifano

Posted

Hi 👋 Congrats about completing a Recipe Page Challenge! The page looks great, and responsive.

Here are a few suggestions on how you can improve your feature challenges.

  • Try to use classes for styling your HTML elements instant ID, using ID is mostly good when you want to do something with JS, or you have a very specific element.
  • Instead of using "figure" tag, it is better to use "picture", I recommend reading about their differences.
  • To improve your semantic structure, replace <div classs="attribution"> withing <footer>
  • For making part of the text bolder, use tags <strong>, or <b> you can read about it and how/when to use them.

Overall, there is always something that we can improve, so just keep going with challenges and try to use new knowledge.

Great job 💪 Keep going!

Marked as helpful

1

@cleverAkanimoh

Posted

@grifano thank you so much, your comment will help me write better html codes

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