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, 14: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 */