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 */