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 Page using CSS and HTML

Burnlees 80

@Burnlees

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?

I'm proud of my efforts in trying to accurately replicate the design as best I could, as well as overcoming issues I faced when checking the site at mobile screen size.

What challenges did you encounter, and how did you overcome them?

I encountered issues with the layout essentially falling apart on smaller screen sizes, to overcome this I did some research on responsive layouts and media queries, ultimately i managed to solve this but I think if i had more foresight/experience, I could have made some better choices in the initial parts of my design build.

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

Some advice on best practises in terms of creating responsive websites, and glaring errors I've made in my CSS. I managed to somewhat fix things at the end with media queries but I imagine i could've done things a lot better.

Community feedback

@wilmerandres25

Posted

Continue learning what you need to complete very challenge and practice a lot to become a master. Great job!

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