Mô đun:Flex columns/sandbox/styles.css
Giao diện
/* */.flex-columns-container { clear:both; min-width: 100%; display: flex; flex-wrap: wrap; margin: 0 -0.5em;}.flex-columns-container > .flex-columns-column { float: left; min-width: 360px; padding: 0 0.5em; box-sizing: border-box; flex: 1 1; display: flex; flex-direction: column; flex-basis: 100%;}.flex-columns-container > .flex-columns-column-2 { flex: 2 2;}.flex-columns-container > .flex-columns-column-3 { flex: 3 3;}@media screen and (max-width: 393px) { .flex-columns-container > .flex-columns-column { min-width: 0; }}.flex-columns-container > .flex-columns-column > div { flex: 1 0 auto;}.flex-columns-container > .flex-columns-column > div.flex-columns-noflex { flex: 0;}