# How to adapt a page in the Zero block

If the created page in the universal block looks good on a computer, but the site will not display correctly on the screen of a mobile phone or tablet because the size of these devices is different.

## Key information

In the universal block, you need to set up adaptations for the tablet and phone in horizontal and vertical positions.

* For a computer, the block size is 1200px.
* Tablet in horizontal position is 960px
* The tablet is in an upright position is 640px
* The phone is in a horizontal position is 480px
* Phone in vertical position is 320px

There is a tool in the block for this, which, when switched, automatically shows the size of the page in which all the created elements of the site should fit: text, shapes, buttons, videos, etc.

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

At first, we create a design for a large version of the screen (computer)

After that, we begin to adapt the created page, first for the tablet in a horizontal position, and so on. To do this, we use the toolbar in the block, adjusting the sizes of texts and elements so that they do not go beyond the block, otherwise they will not be visible on the devices of users of the site.&#x20;

Here are some examples of how the page should look for each size.:

Tablet in horizontal position 960px

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

The tablet is in an upright position 640px

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

The phone is in a horizontal position 480px

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

Phone is in vertical position 320px

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

All the basic blocks in the website builder automatically adapt to the desired screen size. Read about the basic blocks in the following articles.


---

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