KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 31: | Zeile 31: | ||
} | } | ||
.thumbinner { | div .thumbinner { | ||
border: 0px solid #c8ccd1; | border: 0px solid #c8ccd1; | ||
max-width: 99%; | max-width: 99%; |
Version vom 28. Mai 2019, 17:00 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; } div .thumbinner { border: 0px solid #c8ccd1; max-width: 99%; /* 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 */