Vorlage:Wizard.css: Unterschied zwischen den Versionen

Version vom 28. Mai 2019, 15:22 Uhr

.Voraussetzungen li {
  margin-bottom: 15px;
  }

.container {
  max-width:95%!important;
  width:95%!important;
  }

.flexbox {
  width: 100%;
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
/*  justify-content: space-between;*/
  margin: 0px;
  }

.flexelement {
  width:32%;
  align-items: stretch;
  border: 1px solid #c8ccd1;
/*  padding: 6px;*/
/*  background-color: #f8f9fa;*/
  background-color:lightgreen;
  font-size: 94%;
  text-align: center;
/*  overflow: hidden;*/
  margin: 3px;
  }

.thumbinner {
  border: 0px solid #c8ccd1;
/*  padding: 0px;*/
  background-color: #f8f9fa;
  font-size: 94%;
  text-align: left;
  overflow: hidden;
  }

.tright {
  margin: 0px;
  }

.thumb {
 margin-bottom: 0px;
  }

.grid-box {
  display:grid;
  grid-template-columns: 24% 24% 24% 24%;
  }

.gallery-header {
    font-size: 22px;
    font-style: italic;
    }

	

/*** Formatierungen für Mobil-Geräte ***/

@media (max-width: 900px) {
.flexelement {
  width:47%;
  align-items: stretch;
  border: 1px solid #c8ccd1;
  padding: 6px;
  background-color: #f8f9fa;
  font-size: 94%;
  text-align: center;
  overflow: hidden;
  margin: 3px;
  }
}

@media (max-width: 600px) {
.flexelement {
  width:100%;
  align-items: stretch;
  border: 1px solid #c8ccd1;
  background-color: #f8f9fa;
  font-size: 94%;
  text-align: center;
  overflow: hidden;
  margin: 3px;
  background: darkgreen;
  }

.grid-box {
  display:grid;
  grid-template-columns: 98%;
  }

} /*  Ende Formatierungen für Mobil-Geräte */