Skip to main content
CSS Tip

Full screen height container

Make your container fill all the screen height

html {
display: grid;
min-height: 100%;
}
.box {
height: 100%;
}

See the Pen Full height element by Temani Afif (@t_afif) on CodePen.

More detail: verpex.com/blog/website-tips/modern-layouts-using-css-grid


More CSS Tips