[INSERT_ELEMENTOR id="628"]

MÓDULO AULAS EXTRAS: AULA 22 - Como Criar Background Ajustado Para Tablet e Celular

Duração 6’04”

Classe CSS

.hgd-hero-home-bg-image {

background-image: url(“https://seusite.com.br/imagem-mobile”);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

@media screen and (min-width: 768px) {
.hgd-hero-home-bg-image {

background-image: url(“https://seusite.com.br/imagem-tablet”);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
}

@media screen and (min-width: 1025px) {
.hgd-hero-home-bg-image {

background-image: url(“https://seusite.com.br/imagem-desktop”);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
}

[INSERT_ELEMENTOR id="339"]