> For the complete documentation index, see [llms.txt](https://help.lynda.ru/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.lynda.ru/novyi-redaktor-3.0/rabota-v-pro-rezhime/redaktor-maketa/chto-takoe-maket.md).

# Что такое макет?

**Макет** — это структурная основа того, как все части блока будут расположены относительно друг друга, чтобы выглядеть гармонично.

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2F1l9wzvfHpWC5Ox5UQssd%2Fchrome_qJH0KmlLxM.png?alt=media&amp;token=c7c1cbfb-4125-4974-ad2d-b48e8d7159ad" alt=""><figcaption></figcaption></figure>

Существует 3 типа **макета**:

* **Макет ячеек** ( сетка ) — это двухмерная система для организации содержимого в строки и столбцы. Используется для:
  * Фотогалереи
  * Карточки товаров
  * Сложные формы
  * Панели мониторинга
* **Макет контейнера** ( гибкий контейнер ) — идеально подходит для линейного расположения элементов в ряду или столбце. Используется для:
  * Навигационное меню
  * Списки кнопок
  * Карточки в ряд
  * Вертикальные формы
* **Абсолютный макет** ( абсолютное позиционирование ) — это холст, похожий на Figma, для свободного размещения элементов по координатам. Используется для:
  * Декоративные элементы
  * Наложения
  * Пользовательский холст для черновиков
  * Позиционирование относительно краев