Vorlage:Badge Automat/style.css

.badge-automat {
	border-radius: 0.5em;
	margin-top: 5px;
	display: grid;
	gap: 2px;
	padding: 2px;
	border-width: 2px;
	border-style: solid;
}

.badge-automat div {
	padding: 3px;
}

.badge-automat .heading {
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}

.badge-automat .img {
	display: flex;
	justify-content: center;
	align-items: center;
}

.badge-automat .pkmn {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/*@media only screen and (min-width: 1281px) {*/
	.badge-automat {
		grid-template-columns: repeat(3, 1fr);
	}
/*}

@media only screen and (max-width: 1280px) and (min-width: 721px) {
	.badge-automat {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.badge-automat div:nth-child(2), .badge-automat div:nth-child(5) {
		order: 2;
		grid-column-end: span 2;
	}
}

@media only screen and (max-width: 720px) {
	.badge-automat div:nth-child(2), .badge-automat div:nth-child(5) {
		order: 2;
	}
	
	.badge-automat div:nth-child(3), .badge-automat div:nth-child(6) {
		order: 3;
	}
}*/

/* [[Kategorie:Vorlage:Non-Wikitext]] */