Ao C Ao C - 3 months ago 22
CSS Question

Media Queries Between Widths

I'd like to change the padding-left to 24px between 769px and 1340px, but my current media query is not working. Looking to resolve this issue.

@media(min-width:1340px){
.target-side-col li{
padding-left:60px;
}
}

@media(min-width:769px && max-width:1340px){
.target-side-col li{
padding-left:24px;
}
}

Answer

Correct syntax is :

 @media (min-width: 769px) and (max-width: 1340px) {
         .target-side-col li{
                padding-left:24px;
          }

    }