KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
| Zeile 14: | Zeile 14: | ||
.flexelement { | .flexelement { | ||
width:33%; | width:33%; | ||
} | |||
.grid-box { | |||
display:grid; | |||
grid-template-columns: 33% 33% 33%; | |||
} | } | ||
| Zeile 23: | Zeile 28: | ||
width:100%; | width:100%; | ||
} | } | ||
} /* Ende Formatierungen für Mobil-Geräte */ | } /* Ende Formatierungen für Mobil-Geräte */ | ||
Version vom 27. Mai 2019, 09:34 Uhr
.Voraussetzungen li {
margin-bottom: 15px;
}
.flexbox {
width: 100%;
display:flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
}
.flexelement {
width:33%;
}
.grid-box {
display:grid;
grid-template-columns: 33% 33% 33%;
}
/*** Formatierungen für Mobil-Geräte ***/
@media (max-width: 900px) {
.flexelement {
width:100%;
}
} /* Ende Formatierungen für Mobil-Geräte */