Другой классический кейс использования ограничителей — интерфейс с боковой панелью — сайдбаром. В дизайне для веба высота страницы часто зависит от количества контента.

<aside> 💡 Задача: Привязать высоту сайдбара к высоте фрейма, чтобы можно было подстраивать высоту одним действием.

</aside>

1. Создаём фрейм размером 1280 х 800, F.
2. Внутри него размечаем сайдбар размером 320 х 800, R. При создании он получает ограничители по умолчанию: Left и Top.
3. Зажимаем Shift и добавляем к ним ещё один ограничитель Bottom, кликнув на нижнюю вертикальную чёрточку в блоке Constraints. Горизонтальный Left можно оставить, он пригодится, если будем делать макет адаптивным.

1. Тянем фрейм за нижний край, чтобы убедиться, что сайдбар тянется вслед за ним.

<aside> ↔️ Движение по главам

6.2. How to make a responsive header  Как сделать сайдбар с резиновой высотой 6.4. How to stretch a background photo across the whole frame

</aside>

Typos and feedback → @okunev