Template:Before and after/styles.css

.template--before_and_after {
	margin: 0 auto;
	width: 80%;
    display: grid;
    grid-template-columns: 3fr 2fr 3fr;
	gap: var(--space-xs);
}

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

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

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

.template--before_and_after p {
	margin-block: 0;
}