CSS responsivo

[kaiquemix 1]

Olá galera tudo bom?

Estou com um problema onde estou fazendo um display responsivo onde o de desktop está ficando por cima do @MEDIA SCREEN e desabilitando ele nos mobiles.

 

 

 

 

.portfolio-modal .close-modal {

• position: absolute;
• right: 25px;
• width: 180px;
• top: 5px;
• height: 75px;
• background-color: transparent;
• cursor: pointer;

}

 

 

 

 

 

 

@media (max-width: 479px)

 

 

 

.portfolio-modal .close-modal {

• width: 50px;

}

 

 

 

 

 

 

@media screen and (max-width: 479px)

 

 

 

.portfolio-modal .close-modal {

• width: 50px;

}

[L. Henrique 179]

Ou seja, o responsivo não está funcionando? É isso?

Tente alterar o max-width por min-width e veja se resolve. Se não der certo eu elaboro uma resposta melhor. E não esquece de upar o HTML também.

[kaiquemix 1]

Só consegui fazendo um style no proprio HTML

<style>


@media (max-width: 479px){
.portfolio-modal .close-modal {
width: 50px;
}
}
</style>