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

Used margin

@Parasdeveloper8

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@vstm

Posted

Congratulations on finishing that challenge, nicely done!

I have looked at your code and I have found some things that I would recommend to improve your code:

  • You have applied margin-left and margin-right of 25px to almost all of your elements in your content-area. This can be done a bit easier by applying a single padding to your #menu element, this way you can define the spacing once in the parent element and you don't have to add it to your child elements
  • For the table at the end you could use the <table> HTML element. This makes aligning the content inside the table easier (but I have to admit that styling a table can also be tricky).
  • Instead of using absolute position of your #menu element you can add display: flex; justify-content: center to the body element to center the menu.

I hope these pointers help you out a bit, don't hesitate to ask if you have any question about my feedback

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