Mobile-first solution using basic HTML & CSS

Community feedback

• 

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  You should remove the

  max-width: 100vw;
    max-height: 100vh;
  

  off the body tag and then add this

  background-size: 100vw 40vh;
  background-position: top center;
  }
  

  Marked as helpful

  1

  ---

  

  Newton Lomar•75

  @newlomarPosted over 3 years ago

  @palgramming Amazing!

  Thanks a lot, Patrick!

  I literally came here to comment that I would work on a background adjust, and then I checked that you already commented.

  Thanks for that.

  1

  

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  @NewLomar well hope it helps it should get you started in a good direction

  1

  

  Newton Lomar•75

  @newlomarPosted over 3 years ago

  @palgramming definitely helped! Thanks a lot, I will search more about background properties.

  0

  

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  @NewLomar This is a good explanation for adding multiple ones https://www.w3schools.com/Css/css3_backgrounds.asp

  1