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