> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Dimensions: ширина и высота элементов на лендинге

> Настройки Dimensions в LanderLab: как задать ширину и высоту элемента в px, % или Fit, а также Min и Max Width для аккуратного лендинга.

Раздел Dimensions позволяет управлять **размером любого элемента на холсте**. Он помогает настроить макет, отступы и адаптивность.

Эти настройки находятся в **правой панели** при выборе любого элемента.

## Где это найти

1. Нажмите на любой элемент на холсте
2. Перейдите в **правую панель**
3. Откройте раздел **Dimensions**

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/sizes.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=705a6a256803b04df8c147505c50015e" alt="Раздел Dimensions в правой панели настроек элемента" width="1306" height="988" data-path="images/sizes.png" />
</Frame>

## Управление размером

### Width

Определяет ширину элемента.

### Height

Определяет высоту элемента.

## Единицы измерения

При настройке ширины или высоты можно выбрать разные единицы:

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/image-7.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=f31fcf19b3ae1fd9797b6520f523bfd1" alt="Варианты единиц измерения для ширины и высоты: px, % и Fit" width="292" height="319" data-path="images/image-7.png" />
</Frame>

### px (пиксели)

* Фиксированный размер
* Не меняется в зависимости от экрана
* Лучше всего подходит для точного контроля

### % (проценты)

* Относительно родительского контейнера
* Адаптивно и гибко
* Лучше всего подходит для макетов, которые подстраиваются под размер экрана

### Fit

* Автоматически подстраивается под содержимое
* Элемент увеличивается или уменьшается в зависимости от того, что внутри

## Дополнительные параметры

Нажмите **More Options**, чтобы открыть:

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/image-8.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=979d94a0d85cf73a9ce230c967d4403e" alt="Параметры минимальной и максимальной ширины и высоты" width="285" height="364" data-path="images/image-8.png" />
</Frame>

### Min Width / Min Height

* Задаёт наименьший размер, который может иметь элемент

### Max Width / Max Height

* Задаёт наибольший размер, до которого может вырасти элемент

## Пример

* Width → `100%`
* Max Width → `600px`

👉 На небольших экранах элемент растянется, а на больших останется в пределах 600px.

## Рекомендации

* Используйте **%** для адаптивных макетов
* Используйте **px** для точного контроля
* Используйте **Fit**, когда размер элемента должен определяться содержимым
* Задавайте **Max Width**, чтобы макет оставался аккуратным на больших экранах


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.