> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# O Que é Margem Segura e Por Que Ela é Importante?

| Ao criar páginas no GreatPages, você deve ter notado uma linha azul no editor. Essa linha não está lá por acaso — ela é chamada de ${color}[#e41717](Margem Segura) e desempenha um papel fundamental na criação de layouts que funcionam corretamente em diferentes dispositivos, como computadores e celulares.

 **O Que é a Margem Segura?**
A margem segura define os limites visíveis do conteúdo da página, levando em consideração o tamanho padrão de telas. Aqui na plataforma, trabalhamos com dois tamanhos principais:

॰ Desktop: 1200px de largura.
॰ Mobile: 360px de largura.

A linha azul que aparece no editor representa o que chamamos de "margem segura". Tudo o que você posiciona dentro dessa margem será visível na maioria dos dispositivos, como celulares e computadores com telas de tamanho padrão.

**Por Que a Margem Segura é Importante?**
Garantir que todos os elementos do seu site estejam dentro da margem segura evita que eles sejam cortados ou fiquem fora da tela em dispositivos menores. Se você *ultrapassar* essa margem, pode acontecer de apenas pessoas com telas maiores conseguirem visualizar esses elementos extras.

**Como Usar a Margem Segura Corretamente?**
॰ Ajuste os elementos de acordo com o tamanho da tela: Quando estiver criando suas páginas, posicione os elementos (imagens, botões, textos, etc.) dentro da linha azul. Isso garante que eles ficarão visíveis em diferentes dispositivos, especialmente em celulares e tablets, que têm telas menores.

॰ Evite cortar elementos importantes: Sempre que possível, mantenha os elementos importantes, como títulos e botões de ação, bem alinhados dentro da margem segura. Você até pode *ultrapassar um pouquinho* essa linha azul, mas tenha cuidado — quanto mais você sair dessa margem, maior a chance de o conteúdo ficar cortado em algumas telas.

**Alinhe os elementos corretamente**: Não basta apenas posicionar os elementos dentro da margem segura; eles também devem estar bem alinhados. Isso ajuda a criar uma experiência visual mais agradável para o usuário e garante que o layout da página se mantenha organizado, independentemente do dispositivo em que for acessado.

---

 ${color}[#d92626](O Que Acontece Se Ultrapassar a Margem Segura?)
Se você colocar elementos fora da margem segura, eles poderão ficar cortados ou simplesmente não aparecer em dispositivos com telas menores. Isso pode prejudicar a experiência do usuário, especialmente se elementos essenciais, como botões de compra ou informações importantes, não forem visualizados corretamente.

> Respeitar a margem segura é uma das melhores práticas ao criar páginas no GreatPages. Isso garante que seu site seja acessível e funcional em uma ampla variedade de dispositivos, proporcionando uma experiência de usuário consistente.

Sempre que estiver criando uma página, lembre-se de verificar a posição dos elementos em relação à margem segura e ajustar tudo para que fique dentro dos limites. Assim, você garante que o layout funcione perfeitamente em qualquer tela, seja no celular, tablet ou computador.