Responsive Spacer bloğu, web sitenize farklı birimlerde tanımlayabileceğiniz boş alan ekler. Ayırıcıyı, çubuğun yüksekliğinin büyük masaüstlerinde ve küçük mobil ekranlarda aynı sabit piksel sayısı olmadığı daha küçük ekranlarda da göstermenize olanak tanır.
Birimlerden seçim yapabilirsiniz:
- px – piksel cinsinden sabit yükseklik
- vh – görüntü portunun yüksekliğinin 1%'sine göre (2vh, ekran yüksekliğinin 2%'si anlamına gelir)
- vw – görünüm alanı genişliğinin 1%'sine göre (2vw, ekran genişliğinin 2%'si anlamına gelir)
- rem - kök öğenin yazı tipi boyutuna göre (2rem, kök yazı tipi boyutunun 2 katı boyut anlamına gelir)
- em - öğenin yazı tipi boyutuna göre (2em, mevcut yazı tipi boyutunun 2 katı anlamına gelir)
- % – üst öğeye göre (2%, üst öğe yüksekliğinin 2%'si anlamına gelir)
Negatif değerler de mümkündür. Bu şekilde, ayırıcının altındaki içerik, ayırıcının üzerindeki içeriğin üzerine taşabilir.
Duyarlı tasarımda, geçiş ile aralayıcı tamamen kapatılabilir Duyarlı olarak gizle. Aralayıcı, 600 pikselden küçük ekranlarda devre dışı bırakılır.
