100vh doesn't take the whole screen
date
Apr 23, 2023
slug
100vh-doesn-t-take-whole-screen
status
Published
tags
Bugfix
CSS
summary
type
Post
Background
I tried to create a website that would fill the whole screen with the codes below
Problem
But even though I used
height: 100vh, the website still left extra empty (white) space
What’s wrong
This is caused by the default margin being
8px so redefining it using CSS will correct it.Solution
Adding the CSS rules below can fix that problem:
In my case, I just added it to the
body rule and it worked well.