Template:Card grid/styles.css

.card-grid {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fill, 328px);
	margin: 0.5em 0;
}

.card-grid-item {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 10px;
	text-align: center;
	border: 2px solid darkgray;
}

/*
 * Vector skin
 */


/*
 * Citizen skin
 */
body.skin-citizen .card-grid-item {
	border-color: var(--border-color-base);
	background-color: var(--background-color-framed);
	border-radius: var(--border-radius--small);
}