(test code and pre) |
No edit summary |
||
| (19 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* narrow-first (mobile first) design starts 1 to a row, then increases to 2 and then a max of 3 */ | |||
.bol { | |||
margin-top: 2em; | |||
float:left; | |||
width 100%; | |||
box-sizing: border-box; | |||
} | |||
.bol .title {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%;} | |||
} | } | ||
Latest revision as of 13:47, 11 April 2014
/* narrow-first (mobile first) design starts 1 to a row, then increases to 2 and then a max of 3 */
.bol {
margin-top: 2em;
float:left;
width 100%;
box-sizing: border-box;
}
.bol .title {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%;}
}
