DEV Community

StuartCreed
StuartCreed

Posted on

How to make 100vh match the height of the screen without the search bar on mobile

#css 
height: -webkit-fill-available
min-height: 100vh;
Enter fullscreen mode Exit fullscreen mode

The max height webkit above makes the 100vh exclude the height of the search bars on mobile

Top comments (0)

Read next

afif profile image

Do you need a Tooltip or a Speech Bubble? I have created 100 using CSS 😲

Temani Afif -

shubhamtiwari909 profile image

Tailwind | Custom Plugins

Shubham Tiwari -

safikumar00 profile image

Japanese Ramen - PURE CSS ART

Sunil kumar -

dylanson25 profile image

100 DAYS CSS CHALLENGE: Day #2

DYLAN VILLARREAL TOSCANO -