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