Отзывчивый разделительный блок

Блок Responsive Spacer добавляет пустое пространство на ваш сайт, которое вы можете определить в разных единицах. Это позволяет отображать разделитель также на небольших экранах, где высота полосы не является одинаковым фиксированным числом пикселей на больших компьютерах и маленьких мобильных экранах.
Вы можете выбрать из единиц:

  • px – фиксированная высота в пикселях
  • vh — относительно 1% высоты области просмотра (2vh означает 2% высоты экрана)
  • vw — относительно 1% ширины области просмотра (2vw означает 2% ширины экрана)
  • rem — относительно размера шрифта корневого элемента (2rem означает 2-кратный размер размера корневого шрифта)
  • em — относительно размера шрифта элемента (2em означает 2-кратный размер текущего размера шрифта)
  • % – относительно родительского элемента (2% означает 2% высоты родительского элемента)

Возможны и отрицательные значения. Таким образом, содержимое под разделителем может выйти за пределы содержимого над разделителем.
В адаптивном дизайне разделитель можно полностью отключить с помощью переключателя. Скрыть в отзывчивом. Разделитель будет отключен на экранах размером менее 600 пикселей.