Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dúvida sobre o uso da classe container

Eu tenho uma dúvida no uso da classe container. Nesse e em muitos outros projetos eu vejo a abordagem de deixar um valor fixo de witdh na classe, e depois criar os breackpoints com as medias queries para diferentes tipos de tela. Não seria mais prático usar uma medida relativa como porcentagem ou vw? Simplifica bastante o código, evita a necessidade de criar breackpoints.

2 respostas
solução!

Olá, Misael! Tudo bem?

Essa é uma ótima questão e é comum ter dúvidas sobre qual abordagem é a melhor para criar layouts responsivos. Ambas as abordagens têm seus méritos, e a escolha pode depender do tipo de projeto que você está desenvolvendo.

Usar medidas relativas como porcentagens ou vw (viewport width) pode sim simplificar o código e fazer com que o layout se ajuste automaticamente a diferentes tamanhos de tela sem a necessidade de muitos breakpoints. Isso é especialmente útil para layouts mais fluidos e quando você quer que o conteúdo ocupe uma proporção específica da tela, independentemente do dispositivo.

No entanto, a abordagem de usar um elemento com um valor fixo de width e ajustar com media queries também tem suas vantagens. Essa técnica é muito útil quando você deseja ter um controle mais preciso sobre o layout em diferentes tamanhos de tela. Por exemplo, você pode querer que o conteúdo tenha um máximo de largura em telas maiores para melhorar a legibilidade, enquanto em telas menores, você pode querer que ele ocupe quase toda a largura disponível.

Um exemplo prático seria um site de artigos: em uma tela grande, você pode querer que o texto tenha uma largura máxima de 800px para facilitar a leitura, mas em uma tela de celular, você quer que ele ocupe quase 100% da largura para aproveitar melhor o espaço.

Ambas as abordagens têm seu lugar no desenvolvimento web, e muitas vezes você pode combinar as duas para obter o melhor resultado possível. Experimentar e ver o que funciona melhor para o seu projeto específico é sempre uma boa prática.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado

Muito bom Mike, muito obrigado!!!!!