Template:Before and after/styles.css

.template--before_and_after {
	margin: 0 auto;
	width: 90%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: var(--space-xs);
}

.template--before_and_after > * {
	vertical-align: top;
}

.template--before_and_after > :nth-child(3n-2) {
	text-align: left;
}

.template--before_and_after > :nth-child(3n-1) {
	text-align: center;
}

.template--before_and_after > :nth-child(3n) {
	text-align: right;
}

.template--before_and_after ul {
	margin: 0;
	list-style: none;
}