Relative units, bir öğenin boyutunu başka bir değere göre belirleyen birimlerdir. Sabit (absolute) birimlerden farklı olarak, responsive tasarım için çok daha uygun ve esnek çözümler sunarlar.
Ana Relative Units
rem (root em)
Root element'in (html) font-size'ına göre hesaplanır
1rem = html'in font-size değeri (genelde 16px)
En çok kullanılan ve önerilen birim
html {
font-size: 16px; /* 1rem = 16px */
}
.container {
padding: 2rem; /* 32px */
margin-bott
