Pular para o conteúdo
Histórico de chats
Você disse:
analise esse código e faça com que os elementos fiquem centralizados na página
- Click em um dos @.nunc1i0s, volte e desça a pag
🔔 Tutorial
- Click em um dos @.nunc1i0s.
- Volte para a aba anterior.
- Em seguida a próxima etapa será liberada.
O ChatGPT disse:
Beleza 🚀
O seu código já tem boa parte estruturada para centralizar, mas alguns pontos atrapalham o alinhamento.
Vou ajustar para que os elementos (.anuncio-box) fiquem centralizados horizontal e verticalmente na página.
Aqui está a versão corrigida e simplificada:
🔔 Tutorial
- Click em um dos @.nunc1i0s.
- Volte para a aba anterior.
- Em seguida a próxima etapa será liberada.
O que foi ajustado:
.row agora ocupa 100vh e usa justify-content: center; align-items: center; → centraliza os anúncios na página.
Usei gap: 20px; para dar espaçamento entre as caixas.
Removi duplicações de
Adaptei para mobile (max-width: 320px; height: 250px;).
👉 Assim, os anúncios ficam sempre centralizados no meio da tela (em desktop e mobile).
Quer que eu deixe sempre centralizado no meio da tela, mesmo quando a página tiver rolagem, ou só centralizado dentro do conteúdo?
Nenhum arquivo escolhidoNenhum arquivo escolhido
O ChatGPT pode cometer erros. Considere verificar informações importantes.