Template:Card flex/styles.css: Difference between revisions

From WikiMSK
(Created page with ".card_flex { display:flex; flex-direction: row; flex-wrap: wrap; } .card_flex .card-container{ width:33% } @media only screen and (max-width: 1200px) { .card_flex .card-...")
 
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
.card_flex {
.cardflex {
display:flex; flex-direction: row; flex-wrap: wrap;
display:flex; flex-direction: row; flex-wrap: wrap;
}
}


.card_flex .card-container{
.cardflex .card-container{
width:33%
width:33%
}
}
@media only screen and (max-width: 1200px) {
@media only screen and (max-width: 1200px) {
.card_flex .card-container{
.cardflex .card-container{
width:50%;
width:50%;
}
}
Line 14: Line 13:


@media only screen and (max-width: 1000px) {
@media only screen and (max-width: 1000px) {
.card_flex .card-container{
.cardflex .card-container{
width:100%;
width:100%;
}
}
}
}

Latest revision as of 21:39, 19 March 2022

.cardflex {
	display:flex; flex-direction: row; flex-wrap: wrap;
}

.cardflex .card-container{
	width:33%
}
@media only screen and (max-width: 1200px) {
	.cardflex  .card-container{
		width:50%;
	}
}

@media only screen and (max-width: 1000px) {
	.cardflex  .card-container{
		width:100%;
	}
}