KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 20: | Zeile 20: | ||
align-items: stretch; | align-items: stretch; | ||
border: 1px solid #c8ccd1; | border: 1px solid #c8ccd1; | ||
padding: | padding: 0px; | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
font-size: 94%; | font-size: 94%; |
Version vom 28. Mai 2019, 09:32 Uhr
.Voraussetzungen li { margin-bottom: 15px; } .flexbox { width: 100%; display:flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; /* align-items : flex-start;*/ /* justify-content: space-between; */ justify-content: flex-start; margin: 10px; background: lightgreen; } .flexelement { width:300px; align-items: stretch; border: 1px solid #c8ccd1; padding: 0px; background-color: #f8f9fa; font-size: 94%; text-align: left; overflow: hidden; } .thumbinner { border: 0px solid #c8ccd1; padding: 3px; background-color: #f8f9fa; font-size: 94%; text-align: left; overflow: hidden; } .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:100%; } .grid-box { display:grid; grid-template-columns: 98%; } } /* Ende Formatierungen für Mobil-Geräte */