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.

---

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".