Template:2Cols/styles.css: Difference between revisions
Dascent-wiki (talk | contribs) Created page with "→* CSS 2 cols *: .iscolwrapper{display:block;width:100%;height:auto;margin:10px auto 12px auto;box-sizing:border-box;padding:.7em;} .flex-container {display: flex;flex-flow: row wrap;} .flex-container .isrow {display:block;flex-direction: row;} .flex-container .iscolumn {display:block;flex-direction:column;} @media screen and (min-width: 200px) and (max-width: 1100px){.isrow,.iscolumn {flex: 1;flex-direction: column;} .double-iscolumn {flex: 2;flex-direction: column;}}" |
Dascent-wiki (talk | contribs) No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 2: | Line 2: | ||
.iscolwrapper{display:block;width:100%;height:auto;margin:10px auto 12px auto;box-sizing:border-box;padding:.7em;} | .iscolwrapper{display:block;width:100%;height:auto;margin:10px auto 12px auto;box-sizing:border-box;padding:.7em;} | ||
.flex-container {display: flex;flex-flow: row wrap;} | .flex-container {display: flex;flex-flow: row wrap;} | ||
.flex-container .isrow {display:block;flex-direction: row;} | .flex-container .isrow {display:block;flex-direction: row;flex:1;} | ||
.flex-container .iscolumn {display:block;flex-direction:column;} | .flex-container .iscolumn {display:block;flex-direction:column;} | ||
@media screen and (min-width: 200px) and (max-width: 1100px){.isrow,.iscolumn {flex: 1;flex-direction: column;} | @media screen and (min-width: 200px) and (max-width: 1100px){.isrow,.iscolumn {flex: 1;flex-direction: column;} | ||
.double-iscolumn {flex: 2;flex-direction: column;}} | .double-iscolumn {flex: 2;flex-direction: column;}} | ||
.isrow img,.iscolumn img{display:block;width:100%;height:auto;margin:0 auto 10px auto;} | |||
.isrow span,.iscolumn span{display:block;} | |||
Latest revision as of 07:33, 9 August 2025
/** CSS 2 cols **/
.iscolwrapper{display:block;width:100%;height:auto;margin:10px auto 12px auto;box-sizing:border-box;padding:.7em;}
.flex-container {display: flex;flex-flow: row wrap;}
.flex-container .isrow {display:block;flex-direction: row;flex:1;}
.flex-container .iscolumn {display:block;flex-direction:column;}
@media screen and (min-width: 200px) and (max-width: 1100px){.isrow,.iscolumn {flex: 1;flex-direction: column;}
.double-iscolumn {flex: 2;flex-direction: column;}}
.isrow img,.iscolumn img{display:block;width:100%;height:auto;margin:0 auto 10px auto;}
.isrow span,.iscolumn span{display:block;}