Related Topics


[Video CMS v4]responsive css  (Read 540 times) Print

1 B


mihai  September 27, 2014, 04:40:27 PM

I tried to make the span77 and span5 responsive with media queries and i the setting didn't applied when the resolution changed       EX:
Code
@media(min-width:780px) {
 .row-fluid .span77, .span77 {width:59.31%!important}
}



@media(min-width:1845px) {

 .row-fluid .span77, .span77 {width:65%!important}
 .row-fluid .span5 {
width: 35%;
}







@media(min-width:1700px) {

 .row-fluid .span77, .span77 {width:65%!important}
 .row-fluid .span5 {
width: 35%;
}





@media(min-width:1610px) {

 .row-fluid .span77, .span77 {width:70%!important}
 .row-fluid .span5 {
width: 30%;
}


@media(min-width:1400px) {

 .row-fluid .span77, .span77 {width:76%!important}
 .row-fluid .span5 {
width: 24%;
}



@media(min-width:1310px) {

 .row-fluid .span77, .span77 {width:85%!important}
 .row-fluid .span5 {
width: 100%;
padding-left: 8px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 195px
}

@media(min-width:1241px) and (max-width:1309px) {

 .row-fluid .span77, .span77 {width:98%!important}
 .row-fluid .span5 {
width: 100%;
padding-left: 8px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 30px;
}



@media(min-width:1100px) {

 .row-fluid .span77, .span77 {width:100%!important}
 .row-fluid .span5 {
width: 100%;
padding-left: 8px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
}]
  I added this at the end of the file   responsive.css    What is wrong? What's the problem?

Logged


mihai  September 27, 2014, 06:16:12 PM

Problem solved(Instead min-width i used max-width)

Logged