Template:Character grid/styles.css

.pm-character-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 1rem;
}

.pm-character-grid-item {
	display: flex;
	flex-direction: column;
}

.pm-character-grid-item-thumb {
	text-align: center;
}

.pm-character-grid-item-name {
	margin-top: 0.5rem;
	text-align: center;
}

.pm-character-grid-item-text {
	text-align: center;
	font-size: small;
}