# Comment adapter une page dans le bloc Zéro

Si la page créée dans le bloc universel s’affiche bien sur un ordinateur, mais que le site ne s’affichera pas correctement sur l’écran d’un téléphone mobile ou d’une tablette en raison de la taille différente de ces appareils.

## Informations clés

Dans le bloc universel, vous devez configurer des adaptations pour la tablette et le téléphone en positions horizontale et verticale.

* Pour un ordinateur, la taille du bloc est de 1200 px.
* La tablette en position horizontale est de 960 px
* La tablette en position verticale est de 640 px
* Le téléphone en position horizontale est de 480 px
* Le téléphone en position verticale est de 320 px

Il existe dans le bloc un outil à cet effet qui, lorsqu’il est activé, affiche automatiquement la taille de la page dans laquelle tous les éléments créés du site doivent tenir : texte, formes, boutons, vidéos, etc.

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

Au départ, nous créons une conception pour une grande version de l’écran (ordinateur)

Après cela, nous commençons à adapter la page créée, d’abord pour la tablette en position horizontale, et ainsi de suite. Pour ce faire, nous utilisons la barre d’outils dans le bloc, en ajustant les tailles des textes et des éléments afin qu’ils ne dépassent pas le bloc, sinon ils ne seront pas visibles sur les appareils des utilisateurs du site.&#x20;

Voici quelques exemples de l’apparence de la page pour chaque taille :

Tablette en position horizontale 960 px

<figure><img src="/files/3fc71ea0725cea4d8f9a93656874aeaf0cc90cac" alt=""><figcaption></figcaption></figure>

La tablette est en position verticale 640 px

<figure><img src="/files/3b301a8de81a078d16148e2f2aa11a06cefe007a" alt=""><figcaption></figcaption></figure>

Le téléphone est en position horizontale 480 px

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

Le téléphone est en position verticale 320 px

<figure><img src="/files/11f3fe0ec62630787106a3e75114ba7ebfb97f79" alt=""><figcaption></figcaption></figure>

Tous les blocs de base dans le créateur de site web s’adaptent automatiquement à la taille d’écran souhaitée. Lisez les articles suivants pour en savoir plus sur les blocs de base.


---

# 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/fr/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.