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 */
}