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{ | ||
height:40em; | |||
height: | |||
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; } }