Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Ashish Mehra
Ashish Mehra
Courses Plus Student 589 Points

how to set ?

hey here is my designed registration form http://codepen.io/mehra_as/pen/MKXweG can any one tell me how i can set form height 100% of device height ?

1 Answer

Tobias Helmrich
Tobias Helmrich
31,604 Points
Tobias Helmrich
Tobias Helmrich
31,604 Points

Hey Ashish,

to set an element to 100% of the height of the viewport you may want to use the unit of vh (= viewport height) for the height property where 1vh is 1/100 of the height of the viewport.

So in your case you should set the form's height value to 100vh like so:

form {
    height: 100vh;
}

I hope that helps, good luck! :)