Ok, pelo que entendi a media query serve como uma regra pra que determinado estilo seja aplicado conforme o tamanho da tela do dispositivo, certo? mas como posso usar isso para dimensionar para telas maiores?
Quando uso meu monitor normal a imagem fica certinha e pra tamanhos menores tbm, mas quando olho no monitor ultrawide eu perco um bom pedaço da imagem, pois o width fica muito grande.
Respondendo a "Uma das partes da solução é trabalhar com media..." dentro da publicação [Não disponível]
1
1
mas como posso usar isso para dimensionar para telas maiores?
Cada media query com determinada resolução você pode ter uma versão da mesma imagem para que ela se encaixe perfeitamente sem sofrer distorções, você vai inserir uma versão da imagem redimensionada adequadamente em editor de imagens ( ex. photoshop), para cada media query assim como a configuração do estilo "ex. width" fazendo com que cada resolução específica tenha a imagem adequada e o estilo adequado...
resumindo: é uma versão do site pra cada tipo de resolução ...
-um media query pra mobile
-um para desktop padrão
-e um para monitores e telas maiores
Se vc estiver com muita pressa da pra vc inserir todo seu css no chatgpt e solicitar media query para as resoluções que vc quiser, provavelmente ele te retornará com as versões solicitadas já configuradas e vc aprende só de bater o olho.