Funktioniert nicht, die Höhe vom wrapper-div ist immer noch eine andere und das main-Element ragt nach unten hin herüber, und es werden nicht alle Elemente innerhalb des wrapper-div wie gewünscht umschlossen, dann wirkt also mein margin-bottom dort (beim wrapper-div) nicht.
Was wohl funktioniert ist folgendes:
`@media only screen and (max-width: 30.625em) {
.site-wrap {
margin: 0 0.2rem;
padding: 1.2rem 0;
height: auto;
align-items: flex-start;
}`
also height: auto; setzt
dann allerdings wäre das derselbe Fall als wenn ich
justify-content: flex-start;
nehmen würde und alle Elemente werden von ganz obenan angefangen nach unten hin gesetzt.
wenn es also so sein muss, mache ich es so.
Ich wiederhole meine These, das wenn alle Elemente vertikal mittig gesetzt werden (durch: justify-content: center;) dann tritt eben diese MERDE auf!
P.P.S. Mein Eindruck: Es kommt mir so vor als wenn die HÖHE des wrapper-div NUR die aktuelle Höhe des Fensters einnimmt, nicht darüber. Also stimmt da doch schon was nicht wie ich die HÖHE gesetzt habe also in % , dann wäre hier die % - Angabe falsch