Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Sistema operacional: windows
Programa : Vscode
Duvida: O layout dos cards não estão ficando alinhados na configuração de 1024, ja tentei aumentar o widht no css, mas não fica alinhado independete do valor que eu coloque
github: https://github.com/igorrodrigues-ira/jornada-viagens
Oi, Igor. Tudo bem?
Estou aqui para ajudar, mas preciso de mais informações para entender sua dúvida. Siga as orientações do guia de como fazer uma boa pergunta no fórum e me retorne com mais informações do problema, erros e código.
Aguardo seu retorno. Um abraço!
Duvida sobre o projeto do curso ; O layout na section categories de 1024 não esta alinhando
Sistema operacional: windows
Programa : Vscode
Duvida: O layout dos cards não estão ficando alinhados na configuração de 1024, ja tentei aumentar o widht no css, mas não fica alinhado independete do valor que eu coloque
github: https://github.com/igorrodrigues-ira/jornada-viagens
Oi Igor, tudo bem?
Na seção de categorias, ajustei o layout para que os cards fiquem melhor alinhados em telas de 1024px. A mudança foi feita no CSS, substituindo o uso de flex por uma estrutura mais estável com grid, o que deixa os cards organizados e centralizados. O trecho principal modificado foi o seguinte no arquivo categories.css:
.categories-cards {
display: grid;
gap: 24px;
margin-top: 64px;
}
@media screen and (min-width: 768px) {
.categories-cards {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
Isso ajuda a manter o alinhamento mesmo quando a largura da tela muda.
O resultado ficou alinhado assim:
Espero ter te ajudado.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!