Template:Flex wrap centre/styles.css

/* main container: flex-box with wrapping, align to centre */ .wst-flex-wrap-center { margin: auto; /* centre in page if width < 100% */ display: flex; flex-wrap: wrap; justify-content: center; }

/* the direct childen have this class */ .wst-flex-wrap-center > ._flex_child { /* default: a little padding on each side to separate cells */ /* can be overridden on a per-cell basis */ margin: 0.5em; }

/* utility class if you want to remove child padding (can override without this) */ .wst-flex-wrap-center > ._flex_child._no_margin { margin: 0; }

.wst-flex-wrap-center img { max-width: 100%; /* don't allow the imge to overspill containers */ height: auto; /* maintain aspect ratio */ }