Help, I don't know why my body is not set to full screen.

Community feedback

• 

  Aakash Verma•6,710

  @skyv26Posted almost 3 years ago

  Hi! Ali, You made it good with your knowledge and efforts it can be improved more. Now come to your doubt.

  to make sure that your container takes full height always use below tip

  html {
   height: 100%;
  }
  
  body {
  min-height: 100%;
  }
  
  

  Always use vh and vw if you need make your design only visble to the device screen where you don't need to scroll either vertically or horizontally.

  Because vh and vw means viewport height and viewport width so in your design you entered body min-height: 100vh so the invisible box created by your CSSOM (CSS Object Model) only takes height exactly 100vh of device screen

  I hope you understand .

  Best of Luck

  Marked as helpful

  0
• 

  Victor•20

  @vicayoPosted almost 3 years ago

  Set html, body height to 100vh

  0