https://wiki.tachyony.co.uk/w/index.php?action=history&feed=atom&title=Module%3AFlex_columns%2Fstyles.css 2026-05-15T13:15:57Z Revision history for this page on the wiki MediaWiki 1.35.5 https://wiki.tachyony.co.uk/w/index.php?title=Module:Flex_columns/styles.css&diff=10625&oldid=prev 2022-02-01T05:51:49Z

<p>Created page with &quot;<span dir="auto"><span class="autocomment">{{pp-template}}: </span> .flex-columns-container { clear: both; width: 100%; display: flex; flex-wrap: wrap; } .flex-columns-container &gt; .flex-columns-column { float: left; width: 50%; min-width: 360px; padding: 0 0.5em; box-sizing: border-box; flex: 1; display: flex; flex-direction: column; } @media screen and (max-width: 393px) { .flex-columns-container &gt; .flex-columns-column { min-width: 0; } } .flex-columns-container &gt; .flex-columns-column:first-child...&quot;</span></p> <p><b>New page</b></p><div>/* {{pp-template}} */<br /> .flex-columns-container {<br /> clear: both;<br /> width: 100%;<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<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 /> <br /> @media screen and (max-width: 393px) {<br /> .flex-columns-container &gt; .flex-columns-column {<br /> min-width: 0;<br /> }<br /> }<br /> <br /> .flex-columns-container &gt; .flex-columns-column:first-child {<br /> padding-left: 0;<br /> }<br /> <br /> .flex-columns-container &gt; .flex-columns-column:last-child {<br /> padding-right: 0;<br /> }<br /> <br /> @media screen and (max-width: 720px) {<br /> .flex-columns-container &gt; .flex-columns-column {<br /> padding: 0;<br /> width: 100%;<br /> }<br /> <br /> .flex-columns-container {<br /> display: block;<br /> }<br /> }<br /> <br /> .flex-columns-container &gt; .flex-columns-column &gt; div {<br /> flex: 1 0 auto;<br /> }<br /> <br /> .flex-columns-container &gt; .flex-columns-column &gt; div.flex-columns-noflex {<br /> flex: 0;<br /> }</div>

Tachyony