Szablon:Siostrzane/style.css: Różnice pomiędzy wersjami

Z Nonsensopedii, polskiej encyklopedii humoru
M
M (na odwrót majster)
Linia 10: Linia 10:
flex-direction: column;
flex-direction: column;
text-align: center;
text-align: center;
flex-basis: 49.9%;
flex-basis: 24.9%;
}
}


Linia 21: Linia 21:
@media screen and (max-width: 550px) {
@media screen and (max-width: 550px) {
.n-siostrzane-element {
.n-siostrzane-element {
flex-basis: 24.9%;
flex-basis: 49.9%;
}
}
}
}

Wersja z 21:52, 15 mar 2022

.n-siostrzane-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.n-siostrzane-element {
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
	flex-basis: 24.9%;
}

@media screen and (max-width: 850px) {
	.n-siostrzane-element {
		flex-basis: 33.2%;
	}
}

@media screen and (max-width: 550px) {
	.n-siostrzane-element {
		flex-basis: 49.9%;
	}
}

.n-siostrzane-icon {
	margin-bottom: 0.25em;
}

.n-siostrzane-label {
	margin: 0 0.5em 0.7em;
}

/* [[Kategoria:Szablony CSS]] */