Vorlage:Spiele-Arenaleiter/style.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Jones (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „.spiele__leader { width: 60%; display: grid; grid-template-columns: repeat(5, 1fr) [tableEnd]; border: 3px solid #5C82AE; background-color: #B1CDEC; bord…“) |
KKeine Bearbeitungszusammenfassung |
||
Zeile 9: | Zeile 9: | ||
padding: 2px; | padding: 2px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
Zeile 21: | Zeile 15: | ||
} | } | ||
/*@media only screen and (max-width:760px) { | /*@media only screen and (min-width: 761px) {*/ | ||
.spiele__leader > div { | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
} | |||
/*} | |||
@media only screen and (max-width: 760px) { | |||
.spiele__leader { | .spiele__leader { | ||
grid-template-columns: repeat(2, 1fr) [tableEnd]; | grid-template-columns: repeat(2, 1fr) [tableEnd]; | ||
} | |||
.spiele__leader > div:not(.leader__head) { | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
} | } | ||
.leader__head { | .spiele__leader .leader__head { | ||
display: none | display: none; | ||
} | } | ||
.leader__image { | .spiele__leader .leader__image { | ||
grid-row-end: span 4; | grid-row-end: span 4; | ||
} | } | ||
}*/ | }*/ | ||
/*@media only screen and (max-width:480px) { | /*@media only screen and (max-width: 480px) { | ||
.spiele__leader { | .spiele__leader { | ||
width: 100%; | width: 100%; |
Version vom 24. Oktober 2021, 23:27 Uhr
.spiele__leader {
width: 60%;
display: grid;
grid-template-columns: repeat(5, 1fr) [tableEnd];
border: 3px solid #5C82AE;
background-color: #B1CDEC;
border-radius: 0.5em;
gap: 2px;
padding: 2px;
box-sizing: border-box;
}
.spiele__leader .leader__head {
font-weight: bold;
}
/*@media only screen and (min-width: 761px) {*/
.spiele__leader > div {
display: flex;
align-items: center;
justify-content: center;
}
/*}
@media only screen and (max-width: 760px) {
.spiele__leader {
grid-template-columns: repeat(2, 1fr) [tableEnd];
}
.spiele__leader > div:not(.leader__head) {
display: flex;
align-items: center;
justify-content: center;
}
.spiele__leader .leader__head {
display: none;
}
.spiele__leader .leader__image {
grid-row-end: span 4;
}
}*/
/*@media only screen and (max-width: 480px) {
.spiele__leader {
width: 100%;
}
}*/
/* [[Kategorie:Vorlage:Non-Wikitext]] */