Template:Teammates/styles.css: Difference between revisions
From OTNA Test Wiki
(Created page with ".pic1{ width:33.3%; } .pic2{ width: 33%; } .pic3{ width: 33%; }") |
No edit summary |
||
| (129 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; | ||
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){ | ||
width: | .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; | |||
} | |||
} | } | ||
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;
}
}