1
resposta

[Sugestão] Resoluções

Gostaria apenas de deixar uma sugestão, até para uma proxima etapa se preferirem, para estar adequando o projeto as resoluções de tela. Acredito que vocês tenham realizado numa tela com resolução maior que 1920x1080. Já realizei uma breve adaptação no meu, mas acho que seria interessante fazer deste tema mais uma etapa do curso.

Segue o exemplo do meu para quem interessar:

.presentation__info {
    gap: 32px;
    width: 615px;
}

.presentation-info__links {
    align-items: center;
    gap: 20px;
}

.presentation-info__link {
    gap: 10px;
    padding: 15px 0;

    height: 20px;
}

@media screen and (min-width: 1924px) {
    .presentation__info {
        gap: 40px;
    }

    .presentation-info__links {
        gap: 32px;
    }

    .presentation-info__link {
        gap: 16px;
        padding: 21.5px 0;
    }
}

Obs: como a minha tela é menor, fiz as minhas alterações no corpo padrão e deixei o padrão do curso no @media screen.

1 resposta

Oi Nayara, tudo bem?

Muito obrigada pela sua sugestão. Ela nos ajuda para melhorar nos cursos futuros!

Parabéns por encontrar uma solução e postar aqui no fórum, pode ajudar outras pessoas com dificuldades também :D

Um abraço e bons estudos.