KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 16: | Zeile 16: | ||
} | } | ||
.box-03 { | |||
background: rgb(58, 135, 173); | |||
} | |||
} /* Ende Formatierungen für Monitore */ | } /* Ende Formatierungen für Monitore */ | ||
Zeile 37: | Zeile 40: | ||
} | } | ||
.box-03 { | |||
background:#ef8b80; | |||
} | |||
} /* Ende Formatierungen für Mobil-Geräte */ | } /* Ende Formatierungen für Mobil-Geräte */ |
Version vom 21. Mai 2019, 13:39 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; } .box-03 { background: rgb(58, 135, 173); } } /* 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; } .box-03 { background:#ef8b80; } } /* Ende Formatierungen für Mobil-Geräte */