Question about viewport

Question about viewport
0

#1

So I’m creating a responsive website for a band and what I would like to do is for instance the name of the band to be across the whole browser window, once the user scrolls down they will come to the “About” section which I would also like to be full screen and so on with the other sections. How is this done with viewport or is there another way of creating such a site? Could someone link me to what this style or design is called? Calling it just “fullscreen sections of site” isn’t the best description :stuck_out_tongue:

In short I wanna make something like this: http://pierre.io/ with how he has his home page and the other pages.


#2

Hi, I don’t know what it is called or if it has a specific name.

I think what you are looking for is height: 100vh, which sets the height of an element to the available height. A simple example: http://codepen.io/benjaminvanzwienen/pen/QpXVWb


#3

My goodness thank you so much! I’ve been looking for this for about 3 months and could never find a way to do it!