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 |
||
| Line 6: | Line 6: | ||
@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;} | |||
Revision as of 07:17, 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-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;}