html - My media query won't work -


i working on project , first media query not work set media screen 768 px , nothing when resize screen 360px media query work

here code

@media screen , (max-width: 768px){  .grid figcaption p {     padding: 20px 7.0546% 20px 7.0546%;     font-size: 0.250em;     display: none; }  .grid {     padding: 65px 1.6666% 100px 10%;     max-width: 60%; }  .grid li {     display: inline-block;     width: 42%;     padding: 20px 2.9629% 20px 2.9629%; }  .cs-style-4 figcaption {     height: 81.5%;     width: 100%; }   .grid figcaption {     font-family: helvetica, arial, sans-serif;     position: absolute;     padding: 7.0546%;     background: #ffffff;     color: #ed4e6e; }   } 

@media (max-width: 768px) implies maximum resolution till following css work such. so, i'm thinking there must media query might causing sort of contradiction. check or try writing .. @media (max-width: 768px) , (min-width:360px){ }


Comments

Popular posts from this blog

Android layout hidden on keyboard show -

google app engine - 403 Forbidden POST - Flask WTForms -

c - Why would PK11_GenerateRandom() return an error -8023? -