Template:Grid start/styles.css

.icon-grid {
	border: 1px solid #a2a9b1;
	background: #f8f9fa;
	margin: auto;
}
.icon-grid-title {
	background: #333;		/* your dark caption bar */
	text-align: center;
	font-weight: bold;
	padding: 0.2em;
}
.icon-grid-title a {
	color: white;			/* replaces the span hack */
}
.icon-grid-heading {
	background: #eaecf0;	/* the old ! header-row grey */
	text-align: center;
	font-weight: bold;
	padding: 0.2em;
	border-top: 1px solid #a2a9b1;
	border-bottom: 1px solid #a2a9b1;
}
.icon-grid ul {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(11em, 1fr));
	gap: 0;
	list-style: none;
	margin: 0;
	padding: 0.3em;
}
.icon-grid li {
	display: flex;
	align-items: center;
	gap: 0.4em;
	padding: 0.2em 0.4em;
}