CSS vh and vw
CSS3 introduced two units for representing size.
- vh, which stands for viewport height is relative to 1% of the viewport height
- vw, which stands for viewport width is relative to 1% of the viewport width
example
width: 20vw;
height: 20vh;
Above, the size for the div takes up 20% of the width and height of the viewport
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Maxime fuga ips
width: 50vw;
height: 50vh;