Template:AfroCreatives WikiProject/styles.css

.wrapper {
	margin: 2em auto;
	max-width: 160ex;
}

.header {
	background-color: #ffffff;
	padding: 0.5em;
	font-size: 1.7em;
	font-weight: bold;
	text-align: center;
	font-family: Courier;
	color: #ffffff;
	letter-spacing: 0.4em;
	text-transform: uppercase;
}

.layout {
	display: grid;
	grid-template-columns: 1fr 4fr;
}

/* Horizontal and vertical centering of 1st column icons */
.layout > :nth-child(2n+1) {
	display: flex;
	align-items: center;
	margin: auto;
}

.layout > :nth-child(2n) { /* 2nd column: text content */
	margin: 3em 5ex;
}

.layout a.image { /* Are flexible. Else, we should set them as inline-block */
	background-color: #ffffff;
	padding: 0.9em;
}