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

P
Alice 170

@AliceeLe

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 get to review ol, ul, and tables in css

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

Mostly the paddings for ol and ul

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

N/A

Community feedback

@Vitenskapp

Posted

Your work is really good, the proportions turned out very similar. When I created this layout, I couldn't quite get the proportions right 😅

0

P
Alice 170

@AliceeLe

Posted

@Vitenskapp I had the Figma dev tool so it's pretty helpful with the precise numbers. Furthermore, trials and errors would also help. Mostly just working around the padding, margin, and gaps between the components. I also used a lot of flexbox.

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