> For the complete documentation index, see [llms.txt](https://docs.adapta.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.adapta.org/central-de-ajuda/plataforma/skip/como-ver-a-versao-para-celular.md).

# Como ver a versão para Celular?

Para visualizar como sua aplicação se comporta em diferentes telas, utilize as ferramentas localizadas no header (cabeçalho) do editor:

* **Seletor de Viewport:** Use o ícone de dispositivo localizado na parte superior para alternar instantaneamente entre a visualização de celular (mobile) e computador (desktop).
* **Design Responsivo:** Lembre-se que o Skip utiliza tecnologias como Tailwind CSS para garantir que seu site se adapte de forma obrigatória e fluida a diferentes tamanhos de tela.

Além da alternância de visualização, você possui controles totais sobre a estrutura do seu app:

* **Seletor de Páginas:** Ao lado do ícone de computador, você encontra o botão que abre a lista de todas as páginas criadas no projeto. Isso permite navegar e revisar o layout de cada tela individualmente.
* **Controles de Preview:** No mesmo header, você tem acesso às opções de navegação do preview, como botões de voltar, avançar e recarregar a página.
* **Edição de Nome:** Se desejar personalizar a identificação do seu projeto enquanto testa as versões, basta clicar no nome do produto no canto superior esquerdo para editá-lo diretamente.

{% embed url="<https://drive.google.com/file/d/15SxrzF5LTxRq1LAK1GrHonJCD_4RQgX7/view?usp=sharing>" %}

***

{% hint style="info" %}
Ao construir novas funcionalidades, utilize o Modo Chat para pedir ajustes específicos de responsividade, como: *"Ajuste o tamanho desta seção para que os cards fiquem em coluna única quando visualizados no mobile"*.
{% endhint %}