Varsayılan olarak 1 rem = 16px. Bu rem değeri body veya html etiketine yazılan font-size parametresine bağlı bir değer. Sayfadaki her yazının boyutunda rem kullanıldığı için body etiketinde font-size değişikliği yapıldığında sayfadaki bütün yazılar etkileniyor. Örneğin; mobil görünümde yazılar daha büyük olsun istenirse, @media kuralı kullanarak belli bir çözünürlükte body etiketine font-size 18px değeri verildiğinde sayfadaki bütün yazılar da büyümüş oluyor.
Responsive özelliği için
Peki sadece font değil de başka nerelerde kullanılabilir bu?
@media içerisinde px kullandım bu güne kadar, em kullanımında avantaj ne oluyor? Mesela
Flexbox Grid em kullanmış(aşağıdaki gibi).