Simple Recipe Page

Community feedback

• 

  Krushna Sinnarkar•1,100

  @krushnasinnarkarPosted 4 months ago

  Hi @Mnaqor66,

  Congratulations on successfully completing the challenge!

  I have a suggestion regarding your code that I believe will be of great interest to you.

  Your menu is occupying 100% width. This can be solved by giving a max-width to your menu. Add max-width: 650px; margin: 50px auto; to the .main class. The margin is given to add some space from the top and bottom and to center the menu:

  .main {
      max-width: 650px;
      margin: 50px auto;
  }
  

  Change your image-omelette.jpeg's width to width: calc(100% - 5rem); to add some space around the image:

  .image-omelette {
      width: calc(100% - 5rem);
  }
  

  Additionally, you didn't color the ul and ol points. You can do that by using the ::marker pseudo-element:

  ul::marker,
  ol::marker {
      color: your-desired-color;
  }
  

  I hope you find this helpful, and I would greatly appreciate it if you could mark my comment as helpful if it was.

  Feel free to reach out if you have more questions or need further assistance.

  Happy coding!

  Marked as helpful

  0

  ---

  

  Mnaqor66•90

  @Mnaqor66Posted 4 months ago

  @krushnasinnarkar Thank you for a suggestion

  0