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-sm);
}

.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;
}