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 main page

@autistickyrios

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 am not feeling proud of it. Took too long to complete this challenge.

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

I struggled a bit at the last part of this page with that spacing between the "Nutrition" list. But figured it out after a while.

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

Let me know if I am doing good or need to make improvements in this one.

Community feedback

LuBrito 60

@Luizadebrito

Posted

wow, you did a great job! You said you strugled a little with the nutrition list and so do I. The esiest way that I found to do that was to put two div's. the first I put the four words that stay in the first column. And in the second div I put the values numbers. So I gave display:grid; on the div that involves this two I described and put two columns with 1fr 1fr and It fit so easily and I didn't need to space it out.

If my explanations was confuse I invite you to take a look on my project and I'd be glad if you could give me some feedback too.

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