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

[Dúvida] Imagem versão mobile

Por quê a versão para mobile não precisa usar d-xl-none?

img src="assets/Mobile/banner1-mobile.png" class="img-fluid d-md-none"
                    alt="modelo feminina em fundo lilás">
1 resposta
solução!

Olá, Jeferson, como vai?

Boa pergunta. No Bootstrap, a classe d-md-none já resolve o que você precisa para a versão mobile, pois ela oculta o elemento a partir do breakpoint md (768px). Quando você usa a classe d-md-none, está dizendo ao Bootstrap para esconder a imagem em telas de tamanho médio e acima. Isso significa que a imagem só será visível em telas menores que 768px, que são as telas de dispositivos móveis.

Portanto, não é necessário usar d-xl-none para imagens que já estão sendo escondidas em tamanhos maiores, pois d-md-none já cobre o caso de telas médias e maiores.

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