FLEXBOX Layout
Der umschließende Container hat die Angabe:
display:flex;
align-content:stretch;
flex-direction:row;
justify-content:space-between;
flex-wrap:wrap;
Footer und Header mit Menü geht über die ganze Breite mit 100%
Für die Spalten sind jeweils Breiten festgelegt. Sie summieren sich zu 100% und sind jeweils ein bisschen anders nach Bildschirmbreite:
width
Auch die Reihenfolge ändert sich: order
float-Angaben sind nirgends im CSS.
Die gleiche Höhe der Spalten ergibt sich aus: align-content:stretch.
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt