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 using CSS custom properties

@AmiraxHamza

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?

This took longer than I thought it would. I def have a long way to go. Oh well... This is the first time I designed mobile first, it's easier and more efficient.

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

In the nutritional value part it took me a long time to figure out that I should use a table instead of trying to align the second columns content to the left. I will use tables more. (PS: I don't know what tags to put while submitting!)

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

I know the css is a bit messy and quite redundant in multiple places, I hope to be able to create cleaner code.

Community feedback

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