User:AngelinaBelle/smfcurve.css: Difference between revisions From Online Manual

Jump to: navigation, search
No edit summary
No edit summary
Line 1: Line 1:
/* narrow-first (mobile first) design starts 1 to a row, then increases to 2 and then a max of 3 */
/* narrow-first (mobile first) design starts 1 to a row, then increases to 2 and then a max of 3 */
     .boxolinks { float-left; width 100%; box-sizing: border-box;}
     .bol { float-left; width 100%; box-sizing: border-box;}
    .bol_head {font-weight: bold;}
@media all and (min-width: 28.7em){
@media all and (min-width: 28.7em){
     .boxolinks {width: 50%}
     .bol {width: 50%}
}
}
@media all and (min-width: 40.5 em){
@media all and (min-width: 40.5 em){
     .boxolinks {width: 33.3333333%;}
     .bol {width: 33.3333333%;}
}
}

Revision as of 13:24, 11 April 2014

/* narrow-first (mobile first) design starts 1 to a row, then increases to 2 and then a max of 3 */
    .bol { float-left; width 100%; box-sizing: border-box;}
    .bol_head {font-weight: bold;}
@media all and (min-width: 28.7em){
    .bol {width: 50%}
}
@media all and (min-width: 40.5 em){
    .bol {width: 33.3333333%;}
}


Advertisement: