https://wiki.agency/index.php?action=history&feed=atom&title=Template%3AFlex_columns%2Fstyles.css 2026-06-23T15:36:53Z Revision history for this page on the wiki MediaWiki 1.30.1 https://wiki.agency/index.php?title=Template:Flex_columns/styles.css&diff=9572&oldid=prev 2018-11-06T09:06:21Z

<p>1 revision imported</p> <table class="diff diff-contentalign-left" data-mw="interface"> <tr style="vertical-align: top;" lang="en"> <td colspan="1" style="background-color: white; color:black; text-align: center;">← Older revision</td> <td colspan="1" style="background-color: white; color:black; text-align: center;">Revision as of 09:06, 6 November 2018</td> </tr><tr><td colspan="2" style="text-align: center;" lang="en"><div class="mw-diff-empty">(No difference)</div> </td></tr></table>

Admin https://wiki.agency/index.php?title=Template:Flex_columns/styles.css&diff=9571&oldid=prev 2018-09-09T18:44:48Z

<p>when the screen is less than 383px, the flex columns are going beyond their allowed space. Also add code so that flex columns stops at 720px completely</p> <p><b>New page</b></p><div>.flex-columns-container {<br /> clear:both;<br /> width:100%;<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> .flex-columns-container &gt; .flex-columns-column {<br /> float: left;<br /> width: 50%;<br /> min-width: 360px;<br /> padding: 0 0.5em;<br /> box-sizing: border-box;<br /> flex: 1;<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> @media screen and (max-width: 393px) {<br /> .flex-columns-container &gt; .flex-columns-column {<br /> min-width: 0;<br /> }<br /> }<br /> .flex-columns-container &gt; .flex-columns-column:first-child {<br /> padding-left: 0;<br /> }<br /> .flex-columns-container &gt; .flex-columns-column:last-child {<br /> padding-right: 0;<br /> }<br /> @media screen and (max-width: 720px) {<br /> .flex-columns-container &gt; .flex-columns-column {<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .flex-columns-container {<br /> display:block;<br /> }<br /> }<br /> .flex-columns-container &gt; .flex-columns-column &gt; div {<br /> flex: 1 0 auto;<br /> }<br /> .flex-columns-container &gt; .flex-columns-column &gt; div.flex-columns-noflex {<br /> flex: 0;<br /> }</div>

Dreamy Jazz