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 grid

olgaEK 20

@OlgaElKhayat

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 specific areas of your project would you like help with?

I struggled with the last bit of the page, where I used the CSS grid. For some reason, I couldn't put the individual rows closer together. Any other feedback is also welcome. Thank you in advance!

Community feedback

P
Alex 350

@Sharky83

Posted

If you use developer tools on the live site...

you can see there is a 16px padding (top and bottom) on each table line -you can reduce this to help.

Also going forward, rather than using px, try using rem it scales better. try 0.5 rem padding or less.

for font sizes etc..so devide by 16, and that gives you the rem for that item eg, 16px is 1rem

1

@DemoStephen

Posted

@Sharky83 Nice

0
olgaEK 20

@OlgaElKhayat

Posted

@Sharky83 Thanks!

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