Solucionado
quando um filtro no mobile é ativado funciona normal, o problema é quando selecionado novamente para desativar, ele desativa normal porém o efeito visual continua e só some se clicar em algum lugar. É um problema q n interfere muito, mas os usuários da região são pessoas mais velhas e que vão achar q o filtro tá ativado.
Ola, tire o hover do mobile.
Em dispositivos móveis não existe a ação de hover. Isso acontece porque, no celular ou tablet, você interage tocando na tela, e não passando o dedo como faria com o mouse no computador. Por isso o comportamento é diferente.
me passaram a seguinte solução, e fuincinou
"o problema é que vc começou pelo desktop ai desfazer é trabalhoso é mais facil vc refazer o seu css e ai fazer o seu css com aos poucos para cada tela
@media (max-width: 768px) depois 1280px e 1440px
Uma dica seria vc separar os seus css por exemplo tem muita coisa repedida tbm
cria um css global , global.css e import no seu indes e na outrapa pagina la vc coloca as varaiveis e isso aqui :
box-sizing: border-box;
margin: 0;
padding: 0;
}body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.6;
color: var(--text-color);
background-color: var(--bg-color);
padding: 20px;
}
depois separe o css em vários arquivos por exemplo header.css , cards.css main.css e foter.css e importe os na global css com import " o caminho do arquivo ""