Hey MrMurphy,
danke für die schnelle und super Antwort.
Mit Flexbox hatte ich mich noch nicht wirklich beschäftigt, scheint das Leben aber stark zu vereinfachen. Schaue ich mir auf jeden Fall mal bei Gelegenheit genauer an.
So responsive muss das für dieses Projekt gar nicht sein, aber good to know.
Ich werde mal etwas mit Flex rumdoktorn, da das nur ein Ausschnitt aller Elemente war und mein (wahrscheinlich optimierbares) Ergebnis dann posten.
Aber ein paar erste Fragen:
1. Nach meiner Rechnung ist das 2., 3., 4. Element betroffen. Warum gerade das 4. nicht?
Code:
#emaske div:nth-last-child(1n+2) {
margin: 0rem 0rem 1rem 0rem;
}
2. Ich sehe zwischen @media only screen and min-width: 400px bzw. min-width: 600px keinen Unterschied in der Darstellung. Was ist das Geheimnis?
3. Was genau bedeutet folgende Deklaration, also warum wird der Wert so kalkuliert?
Code:
flex-basis: calc(50% - 1rem - 0px - 0rem);
Vielen Dank im Voraus!