> 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/sozdanie-proekta.-pervye-shagi/pro-rezhim/nastroika-kontenta-dlya-razlichnykh-ekranov.md).

# Настройка контента для различных экранов

В середине верхней панели редактора вы можете переключаться между отображениями контента для веб, планшетных и мобильных устройств.

<figure><img src="/files/cP3F8xa6MyD5d6XHaQ9c" alt=""><figcaption></figcaption></figure>

Веб-версия выбрана по умолчанию, и часто редактирование начинается с этой версии. **Все настройки отображения и стиля в веб-версии автоматически переносятся на версии для планшетов и мобильных устройств**, а контент адаптируется к правилам меньших экранов.

<figure><img src="/files/8U3Il6meR0Tfb7gJIv17" alt=""><figcaption></figcaption></figure>

Иногда вам потребуется настроить отображение контента на планшетах и мобильных устройствах. Переключение между этими версиями в редакторе упрощает настройку таких параметров, как позиция, размер, поля, цвета, шрифты и т.д.

<figure><img src="/files/2eKufrxobcLzjciueOGA" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Настройки для веб,  планшетов и мобильных устройств хранятся отдельно и не влияют друг на друга; другими словами, вы можете создать уникальный дизайн для каждой версии.
{% endhint %}

При переключении **на версию для планшета или мобильного** устройства **строки и колонки** получают **дополнительные настройки: "Порядок" и "Направление".**

Эти настройки очень полезны для управления тем, как контент выглядит на маленьких экранах, и позволяют изменять порядок элементов:

### Направление

Определяет направление для колонок или строк. Установив настройку направления, вы можете контролировать последовательность отображения элементов и групп элементов на экране выбранного устройства.

<figure><img src="/files/ugEWznXaxODeKKCekrNW" alt=""><figcaption></figcaption></figure>

### Порядок

Порядок определяет последовательность вложенных колонок или строк. Установив значение в свойстве порядок, вы можете контролировать порядок, в котором вложенные строки/колонки появляются на экране.

<figure><img src="/files/gsEEiMDwHiOUjms3SMWR" alt=""><figcaption></figcaption></figure>

### Скрыть

Скрыть — это еще одна полезная настройка колонки для мобильных экранов (хотя она доступна и для веб-версий), которая прячет колонку вместе с контентом внутри. Это позволяет скрывать/показывать разные  элементы на любом экране.

<figure><img src="/files/i9VUrjDA6350Vq8IeTPW" alt=""><figcaption></figcaption></figure>