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

hadil profile image

🎨 shadcn: The Rebel Without a Cause in the UI Framework World 🚀

Hadil Ben Abdallah -

shubhamjain profile image

I created a free CDN for social media icons

Shubham Jain -

divineisnotakid profile image

Exploring Nesting with Flexbox

Divine-Favour Daniel -

ashcodebd profile image

Building a tribute page

Ashraf Mahmood -