min-h-screen: Tailwind CSS Height class
The min-h-screen class ensures an element is at least 100vh (full screen height).
min-h-screen
The min-h-screen class ensures an element is at least 100vh (full screen height). It forces elements like hero sections or landing pages to take up the full viewport height.
Code Example
html
<div class="min-h-screen bg-indigo-500 text-white text-center flex items-center justify-center px-5 font-medium"> This box takes at least the height of the screen.</div>Preview
This box takes at least the height of the screen.
Windframe is a drag and drop builder for rapidly building tailwind css websites and UIs
Start building stunning tailwind UIs!
