Qr code

Community feedback

• 

  Adriano•38,160

  @AdrianoEscarabotePosted about 2 years ago

  Hi Camila Maximo, how are you?

  I really liked the result of your project, but I have some tips that I think you will enjoy:

  Document should have one main landmark, this problem is being caused by the fact that there is no main tag around the main content of the page! Since this challenge is based on only one component, there is no other component more important than it on this page, so to solve this, wrap all the content with the main tag,

  It's always good to pay attention to the correct use of semantic html elements, as they are extremely important for people who use screen readers, to know what the main content of the page is in the case of the main tag!

  • To align some content in the center of the screen, always prefer to use display: flex; it will make the layout more responsive!

  Example:

  body {
      margin: 0;
      padding: 0;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      min-height: 100vh;
  }
  

  The rest is great!

  I hope it helps... 👍

  Marked as helpful

  0
• 

  Camila Maximo•30

  @CamilaMaximoPosted over 1 year ago

  @adrianoEscarabote Dica guardada. Obrigada 😊

  0