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

tailwine profile image

CSS Grid: Creating Masonry Layouts

Tailwine -

abhishekgurjar profile image

Building a Password Validator with React

Abhishek Gurjar -

abhishekgurjar profile image

Building a Joke Generator Using React

Abhishek Gurjar -

ashutoshsarangi profile image

Grid and Flex Layout in CSS

Ashutosh Sarangi -