Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

deixando o site responsivo. Seção de destaques

Bom dia, não estou conseguindo deixar o site responsivo, o código Está exatamente igual ao da aula, mas o navegador (safari) não responde ao código. segue meu código

@media screen and (min-widht: 0) {
    .destaques__secundario:nth-child(2) {
        display: none;
        grid-column: none;
        grid-row: none;
    }

}    

@media screen and (min-widht: 768px) {

}

@media screen and (min-widht: 992px) {

}

@media screen and (min-widht: 1200px) {

}
2 respostas
solução!

Fala Luã, tudo bem?

O correto seria:

@media screen and (min-width: 0) {
    .destaques__secundario:nth-child(2) {
        display: none;
        grid-column: none;
        grid-row: none;
    }

}    

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 992px) {

}

@media screen and (min-width: 1200px) {

}

Alterando os widht para width

Espero ter ajudado, bons estudos :D