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