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

cookiemonsterdev profile image

How to style active Nav links in server components in Next.js

Mykhailo Toporkov 🇺🇦 -

yordiverkroost profile image

Step-by-Step Guide to Light/Dark Mode on Bear Blog

Yordi Verkroost -

phpcontrols profile image

Transform HTML Table into Card View Using Nothing But CSS

PHPControls -

gladiatorsbattle profile image

Creating an Interactive CTA Button with Advanced Animations

Gladiators Battle -