KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 11: | Zeile 11: | ||
} | } | ||
.flexelement { | /* .flexelement { | ||
align-items: stretch; | align-items: stretch; | ||
border: 1px solid #c8ccd1; | border: 1px solid #c8ccd1; | ||
Zeile 21: | Zeile 21: | ||
margin: 3px 3px 3px 0px; | margin: 3px 3px 3px 0px; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
} | } */ | ||
. | .flexelement_10 { | ||
width: 9%; | width: 9%; | ||
max-width:9%; | max-width:9%; | ||
Zeile 104: | Zeile 104: | ||
} | } | ||
.flexelement_10 { | |||
width: 49%; | |||
max-width:49%; | |||
} | |||
} /* Ende Formatierungen für Mobil-Geräte */ | } /* Ende Formatierungen für Mobil-Geräte */ |
Version vom 29. Mai 2019, 12:33 Uhr
/*** Beginn allgemeine Formatierungen ***/ .flexbox { width: 100%; display:flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0px; } /* .flexelement { align-items: stretch; border: 1px solid #c8ccd1; padding: 0px 3px; background-color: #f8f9fa; font-size: 94%; text-align: left; overflow: hidden; margin: 3px 3px 3px 0px; flex-wrap: wrap; } */ .flexelement_10 { width: 9%; max-width:9%; align-items: stretch; border: 1px solid #c8ccd1; padding: 0px 3px; background-color: #f8f9fa; font-size: 94%; text-align: left; overflow: hidden; margin: 3px 3px 3px 0px; flex-wrap: wrap; } .bilder_03 { width: 32%; max-width:32%; align-items: stretch; border: 1px solid #c8ccd1; padding: 0px 3px; background-color: #f8f9fa; font-size: 94%; text-align: left; overflow: hidden; margin: 3px 3px 3px 0px; flex-wrap: wrap; } .thumb { margin-bottom: 0px; } .thumbinner { border: 0px solid #c8ccd1; padding: 0px; background-color: #f8f9fa; font-size: 94%; text-align: left; overflow: hidden; } /* Ende allgemeine Formatierungen */ /*** Beginn Formatierungen für Mobil-Geräte ***/ @media (max-width: 900px) { .flexelement { width:47%; max-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%; max-width:100%; align-items: stretch; border: 1px solid #c8ccd1; padding: 6px; background-color: #f8f9fa; font-size: 94%; text-align: center; overflow: hidden; margin: 3px; } td { display: block; margin-bottom: 0px; } .flexelement_10 { width: 49%; max-width:49%; } } /* Ende Formatierungen für Mobil-Geräte */