Responsive Spacer-blokken tilføjer tom plads til din hjemmeside, som du kan definere i forskellige enheder. Det giver dig mulighed for at vise spacer også på de mindre skærme, hvor højden på bjælken ikke er det samme faste antal pixels på store desktops og små mobilskærme.
Du kan vælge mellem enheder:
- px - fast højde i pixels
- vh - i forhold til 1% af højden på viewporten (2vh betyder 2% af skærmhøjden)
- vw - i forhold til 1% af bredden på viewporten (2vw betyder 2% af skærmbredden)
- rem - i forhold til fontstørrelsen på rodelementet (2rem betyder 2 gange størrelsen på rodens fontstørrelse)
- em - i forhold til elementets skriftstørrelse (2em betyder 2 gange størrelsen på den aktuelle skriftstørrelse)
- % - relativt til det overordnede element (2% betyder 2% af det overordnede elements højde)
Negative værdier er også mulige. På den måde kan indholdet under afstandsstykket flyde over indholdet over afstandsstykket.
I responsivt design kan afstandsstykket slås helt fra med en vippeknap Skjul i responsiv. Afstandsstykket deaktiveres på skærme, der er mindre end 600px.
