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
Post a Comment