Template:Teammates/styles.css: Difference between revisions

From OnTrackNorthAmerica
No edit summary
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
@media screen and (min-width: 851px){
.pic1{
width:33.3%;
float:left;
}
}
.pic1{
.pic1{
width:33.3%;
height:40em;
height:35em;
float:left;
display:flex;
display:flex;
}
}
.pic1 tr{
.pic1 tr{
display:flex;
display:flex;
}
}
.pic1 td{
.pic1 td{
min-width: 33.3%!important;
min-width: 33.3%!important;
}
}
.pic1 img{
.pic1 img{
max-width: calc(100% - 3em)!important;
max-width: calc(100% - 3em)!important;
}
}
.pic1 figure{
.pic1 figure{
float:none;
float:none;
}
}
@media screen and (max-width: 850px){
@media screen and (max-width: 850px){
.pic1 tbody{
width:100%!important;
margin-left: auto;
margin-right: auto;
}
.pic1 tr{
.pic1 tr{
display:inline!important;
display:inline!important;
}
}
.pic1 td{
.pic1 td{
float:right!important;
float:right!important;
min-width:100%!important;
min-width:100%!important;
}
}
}
}

Latest revision as of 19:30, 18 December 2024

@media screen and (min-width: 851px){
	.pic1{
		width:33.3%;
		float:left;
	}
}
.pic1{
	height:40em;
	display:flex;
}

.pic1 tr{
	display:flex;
}

.pic1 td{
	min-width: 33.3%!important;
}

.pic1 img{
	max-width: calc(100% - 3em)!important;
}

.pic1 figure{
	float:none;
}

@media screen and (max-width: 850px){
	.pic1 tbody{
		width:100%!important;
		margin-left: auto;
		margin-right: auto;
	}
	
	.pic1 tr{
		display:inline!important;
	}
	
	.pic1 td{
		float:right!important;
		min-width:100%!important;
	}
}