Nao entendi o motivo de deixar os ".container" como 1200px. não seria melhor deixar como 100% ?
Nao entendi o motivo de deixar os ".container" como 1200px. não seria melhor deixar como 100% ?
Olá, Marcos! Tudo bem?
Entendo sua dúvida sobre o porquê de definir a largura do .container
como 1200px ao invés de 100%. A escolha de um valor fixo como 1200px geralmente é feita para manter um layout consistente em telas maiores, como em desktops. Isso ajuda a garantir que o conteúdo não se estenda demais, o que pode dificultar a leitura e tornar o design menos agradável.
Por outro lado, usar 100% de largura pode ser uma boa opção para garantir que o conteúdo se ajuste dinamicamente ao tamanho da tela, o que é ótimo para responsividade. No entanto, em telas muito grandes, isso pode resultar em um layout muito esticado.
No exemplo da aula, a largura de 1200px é utilizada como um valor padrão para telas maiores, mas com o uso de media queries, a largura é ajustada para 648px em telas menores, como tablets. Isso é uma prática comum para criar um design responsivo, onde o layout muda de acordo com o tamanho da tela.
Se o objetivo é ter um site totalmente fluido, você poderia usar porcentagens ou unidades relativas como vw
(viewport width) para a largura do container, mas isso pode exigir ajustes adicionais para garantir que o design permaneça esteticamente agradável em todas as resoluções.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)
Muito obrigado! entendido!