Vorlage:Hauptseite.css

/*** 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);
  }

.magnify {
  display: none;
  }


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