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

Static HTML and CSS Recipe Page

P

@AnthonyChaiditya

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 most proud of the way I approached the problem in regards to creating and structuring the HTML. I think something I would do differently is how I would approach the CSS -> I still feel like I have a lot of learning to truly understand how CSS works.

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

Styling was definitely the most difficult part for me on this project. I feel like a lot of it including throwing things at the wall and seeing what stuck as opposed to approaching the styling methodically, which is what I would like to do in the future.

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

Would love you guys to rip apart the CSS! I would love to learn best practices in approaching styling problems and any insights would be really helpful! I feel like I still struggle with flexbox and the concepts within it.

Community feedback

P

@DRKHALIDCODE

Posted

The nutrition table must be improved. i used span elements and changed their display to inline-block

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