Hocam sorunda orda işte hepsini biliyorum ilk defa yapmıyorum. İlk defa çalışmadığını gördüm ve sadece mobil çalışmıyor. bahsettikleriniz'in hepsini gerçekleştirdim.
Sıralamaya dikkat etmeyi dene belki gözünden kaçmış olabilir.
Örn:
.a { kod }
@media (max-width: 768px) { .a {kod} }
@media (max-width: 576px) {.a {kod} }
@media (max-width: 768px) { .b {kod} }
@media (max-width: 576px) {.b {kod} }
.b { kod }burada .b kod çalışmaz.
.a { kod }
@media (max-width: 768px) { .a {kod} }
@media (max-width: 576px) {.a {kod} }
.b { kod }
@media (max-width: 768px) { .b {kod} }
@media (max-width: 576px) {.b {kod} }Bu şekilde çalışır. Belki sorun bundan kaynaklanmıyordur ama bazen gözden kaçırabiliyoruz.