Template:Before and after/styles.css

.template--before_and_after {
	margin: 0 auto;
	width: 90%;
    display: grid;
    grid-template-columns: 3fr 2fr 3fr;
	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;
}

@media screen and (max-width: 639px) {
	.template--before_and_after {
		grid-template-columns: unset;
	}

	.template--before_and_after > * {
		vertical-align: middle;
		text-align: center;
	}
}