using vw in css code example

Example 1: vw css

Viewport Width (vw). This unit is based on the width of the viewport. 
A value of 1vw is equal to 1% of the viewport width.

Example 2: vh and vw

/*vh viewport height and vw viewport width*/
/*example*/
div
{
  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*/
}

Example 3: vw css

Viewport Width (vw). This unit is based on the width of the viewport. A value of 1vw is equal to 1% of the viewport width. Viewport Minimum (vmin). This unit is based on the smaller dimension of the viewport.