Responsive CSS units vh, vw, vmin, and vmax
How to use vh vm vmin vmax for responsive and adaptive web design.
The Issue: When making a responsive websites you want the sizes of elements to be directly correlated with the size of the screen. The common solution now is media queries