Relative Units: changes upon screen measurements.
n % => counts on parent elements, for example if we have a parent of 500 px, so the 50% will be 250px
n vw => 1% of widths, total pixels
n vh => 1% of heights, total pixels.
vmax => maximum of height or width
vmin => minimum of height or width viewport
n em => n x (parent element’s font size)
n rem => n x (HTML’s font size)