Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Container adicionando uma tarefa

Boa Noite meus caros! Tudo bem por aí ??

Temos aqui um container adicionando uma tarefa:

Largura de 312px para mobile foto-mobile

Enquanto para desktop temos a largura de 588px foto-desktop

A dúvida é: Devo adicionar para mobile a propriedade max-width de 312px e para tablet e desktop uso media queries, porém mudando para max-width de 588px, ou tem outra maneira declarar a largura e os items internos crescam porém sem media queries

foto-mobile-desktop

1 resposta
solução!

Oii, Jean! Tudo bem?

A escolha vai depender do layout que deseja para o seu projeto, Jean.

Se você quiser que o container tenha uma largura máxima específica para cada tipo de dispositivo (mobile, tablet e desktop), a abordagem com max-width e media queries é super válida.

Porém, se você quiser que o container cresça com o conteúdo até um certo ponto, você pode usar uma combinação de width e max-width.

Para apoio aos estudos, recomendo a leitura da Documentação das propriedades citadas acima:

Espero ter ajudado! Qualquer dúvida, não hesite em recorrer ao fórum.

Bons estudos, Jean!