Check out example codes for "vh and vw". It will help you in understanding the concepts better.

Code Example 1

/*vh viewport height and vw viewport width*/
  display: inline-block;
  height: 100vh; /*THis will set height equal to the height of windows*/
  width: 100vw/*This will set width equal to width of windows*/

Code Example 2

vh	Relative to 1% of the height of the viewport*
<!DOCTYPE html>
h1 {
  font-size: 20vh;


<p>Resize the height of the browser window to see how the font-size of h1 changes.</p>
<p>1vh = 1% of viewport height.</p>
<p>The vh unit is not supported in IE8 and earlier.</p>


I hope it will help you.
Stay Home Stay Safe

Learn ReactJs, React Native from