# Cómo adaptar una página en el bloque cero

Si la página creada en el bloque universal se ve bien en una computadora, pero el sitio no se mostrará correctamente en la pantalla de un teléfono móvil o una tableta porque el tamaño de estos dispositivos es diferente.

## Información clave

En el bloque universal, debes configurar adaptaciones para la tableta y el teléfono en posiciones horizontal y vertical.

* Para una computadora, el tamaño del bloque es de 1200 px.
* La tableta en posición horizontal es de 960 px
* La tableta en posición vertical es de 640 px
* El teléfono en posición horizontal es de 480 px
* El teléfono en posición vertical es de 320 px

Hay una herramienta en el bloque para esto, que, al activarse, muestra automáticamente el tamaño de la página en el que deben caber todos los elementos creados del sitio: texto, formas, botones, videos, etc.

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

Al principio, creamos un diseño para una versión grande de la pantalla (computadora)

Después de eso, comenzamos a adaptar la página creada, primero para la tableta en posición horizontal, y así sucesivamente. Para ello, usamos la barra de herramientas del bloque, ajustando los tamaños de los textos y elementos para que no sobrepasen el bloque, de lo contrario no serán visibles en los dispositivos de los usuarios del sitio.&#x20;

Aquí hay algunos ejemplos de cómo debería verse la página para cada tamaño.:

Tableta en posición horizontal 960 px

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

La tableta en posición vertical 640 px

<figure><img src="/files/34de748f0b29c7e7c3569ec5b52ea1a6660458e1" alt=""><figcaption></figcaption></figure>

El teléfono en posición horizontal 480 px

<figure><img src="/files/5a716af066a89514862afd2d47ab23af6afa61b8" alt=""><figcaption></figcaption></figure>

Teléfono en posición vertical 320 px

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

Todos los bloques básicos en el creador de sitios se adaptan automáticamente al tamaño de pantalla deseado. Lee sobre los bloques básicos en los siguientes artículos.


---

# 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/es/websites/sitios/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.