Basics of Html and CSS

Community feedback

• 

  perterHUAN•250

  @perterHUANPosted 8 months ago

  On large screens, it looks acceptable, but there are some minor issues:

  • The preparation time section should have a greater margin from the bottom.
  • A suitable amount of spacing should be added between list items in the 'instructions' part, as they currently appear a bit cramped.
  • Padding should be added to the td elements within the nutrition table.

  The font-weight for the title "Simple Omelette Recipe" should be 400, not bold.

  For small screens, the performance is less satisfactory:

  • You should employ max-width instead of width, ensuring that the content doesn't overflow on smaller screens.
  • The padding around the photo should be absorbed by the photo itself on small screens; consider implementing negative margins to achieve this.
  • Rounded corners should be removed on small screens.

  Marked as helpful

  1
• 

  vv•140

  @dblvvPosted 8 months ago

  Code structure is very easy to follow.

  Within instructions list items should have margin or padding. Those should be spaced apart.

  Spacing between nutrition table's item should be also more clear.

  Headings seem to have the wrong font weight.

  Those aside, great solution.

  Marked as helpful

  0