CSS HTML

Community feedback

• 

  figueroaignacio•50

  @figueroaignacioPosted almost 2 years ago

  ** Hey buddy, how´s it going?

  • I have something that maybe is helpful for you! 😊

  The background image is repeated You can use the background property in your CSS to fix it:

    background-repeat: no-repeat;
    background-size: 100%;
  

  If you want to know more of this property, you can visit This site

  ** I hope it has been helpful, cheers 😊

  1
• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

  Replace <div class="container"> with the main tag and <div class="attribution"> with the footer tag to fix the accessibility issues. for more on semantic html visit https://web.dev/learn/html/semantic-html/

  give the img a max-width of 100% instead of a width and height value.

  You forgot to add a background-color: hsl(); a background-repeat: no-repeat; background-size: contain;

  To center .container on the page, add min-height:100vh; display: flex; align-items: center: justify-content: center; or min-height:100vh; display: grid place-items: center to the body.

  Hope am helpful. HAPPY CODING

  0