# Como adaptar uma página no bloco Zero

Se a página criada no bloco universal fica boa em um computador, mas o site não será exibido corretamente na tela de um celular ou tablet, porque o tamanho desses dispositivos é diferente.

## Informações principais

No bloco universal, você precisa configurar adaptações para o tablet e o celular nas posições horizontal e vertical.

* Para um computador, o tamanho do bloco é 1200px.
* O tablet na posição horizontal é 960px
* O tablet na posição vertical é 640px
* O celular na posição horizontal é 480px
* O celular na posição vertical é 320px

Há uma ferramenta no bloco para isso que, ao ser ativada, mostra automaticamente o tamanho da página em que todos os elementos criados do site devem caber: texto, formas, botões, vídeos etc.

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

Primeiro, criamos um design para uma versão grande da tela (computador)

Depois disso, começamos a adaptar a página criada, primeiro para o tablet na posição horizontal e assim por diante. Para isso, usamos a barra de ferramentas no bloco, ajustando os tamanhos dos textos e elementos para que não ultrapassem o bloco; caso contrário, eles não ficarão visíveis nos dispositivos dos usuários do site.&#x20;

Aqui estão alguns exemplos de como a página deve ficar para cada tamanho.:

Tablet na posição horizontal 960px

<figure><img src="/files/51c7f005ee33eb2fd83036a7485ad2f15782a3a4" alt=""><figcaption></figcaption></figure>

O tablet na posição vertical 640px

<figure><img src="/files/6f0eebd600e1d6f4e41229013a04f6c26d537258" alt=""><figcaption></figcaption></figure>

O celular na posição horizontal 480px

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

O celular na posição vertical 320px

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

Todos os blocos básicos no criador de sites se adaptam automaticamente ao tamanho de tela desejado. Leia sobre os blocos básicos nos artigos a seguir.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/pt/websites/sites/blocks/zero/settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.