Module:Flex columns/styles.css

/* */ .flex-columns-container { clear: both; width: 100%; display: flex; flex-wrap: wrap; }

.flex-columns-container &#x3e; .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 &#x3e; .flex-columns-column { min-width: 0; } }

.flex-columns-container &#x3e; .flex-columns-column:first-child { padding-left: 0; }

.flex-columns-container &#x3e; .flex-columns-column:last-child { padding-right: 0; }

@media screen and (max-width: 720px) { .flex-columns-container &#x3e; .flex-columns-column { padding: 0; width: 100%; }	.flex-columns-container { display: block; } }

.flex-columns-container &#x3e; .flex-columns-column &#x3e; div { flex: 1 0 auto; }

.flex-columns-container &#x3e; .flex-columns-column &#x3e; div.flex-columns-noflex { flex: 0; }