KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
| Zeile 10: | Zeile 10: | ||
.box-01 { | .box-01 { | ||
background: red; | background: red; | ||
} | |||
.box-02 { | |||
background: green; | |||
} | } | ||
| Zeile 25: | Zeile 29: | ||
} | } | ||
.box-01 { | |||
background: yellow; | |||
} | |||
.box-02 { | |||
background: lightblue; | |||
} | |||
} /* Ende Formatierungen für Mobil-Geräte */ | } /* Ende Formatierungen für Mobil-Geräte */ | ||
Version vom 21. Mai 2019, 14:02 Uhr
/*** Formatierungen für Monitore ***/
@media (min-width:901px) {
.grid-box {
display:grid;
grid-template-columns: 50% 50%;
}
.box-01 {
background: red;
}
.box-02 {
background: green;
}
} /* Ende Formatierungen für Monitore */
/*** Formatierungen für Mobil-Geräte ***/
@media (max-width: 900px) {
.grid-box {
display:grid;
grid-template-columns: 98%;
}
.box-01 {
background: yellow;
}
.box-02 {
background: lightblue;
}
} /* Ende Formatierungen für Mobil-Geräte */