css - @media screen doesn't work -


@media screen , (min-width: 501px) , (max-width: 769px) 

the code between media query taken if size of window 1920px !

look @ code :

.row-contact{     .col-xs-12:first-child {         margin-top: 0;     } }  @media screen , (min-width: 501px) , (max-width: 769px){     .row-contact {         padding: 0 !important;          .col-xs-12:first-child {             margin-top: 12%;         }     } } 

in full screen have margin-top: 12%, however, must margin-top: 0 !

why isn't working ?

edit found solution ! closed media query before writing scss instruction

thanks ! :d

.row-contact{      .col-xs-12:first-child {          margin-top: 0;      }  }    @media screen , (min-width: 501px) , (max-width: 769px){      .row-contact {          padding: 0 !important;      }       .col-xs-12:first-child {            margin-top: 12%;       }  }

try way because nesting not working if not using less or scss


Comments

Popular posts from this blog

Command prompt result in label. Python 2.7 -

javascript - How do I use URL parameters to change link href on page? -

amazon web services - AWS Route53 Trying To Get Site To Resolve To www -