Moin!
Keine Lösung: http://codepen.io/anon/pen/GoRNyM
Grund: Du vermixt verschiedene Breitenangaben:
section { max-width: 980px;… … .teaser { width: 30%; …; margin-right: 2.15em;
So werden bei mir nur 2 Spalten nebeneinander angezeigt, da ich unter Linux andere Schriftbreiten habe. Das kann auch auf anderen Geräten (Tabletts mit Android oder iOS ...) passieren.
Hallo,
laut Peter Müller https://www.video2brain.com/de/videotraining/little-boxes-css-positionierung-und-mehrspaltige-layouts ist es durchaus möglich px % und em in einem Layout zu verwenden ohne dass es zu Problemen kommt.
Wenn ich es richtig verstanden habe sorgt
box-sizing: border-box;
dafür, dass es zu solchen Problemen nicht kommen dürfte?
Nur mal eine Frage, meine Zielgruppe sind Jugendliche, die haben in der Regel kein Linux? Eher Windows und Mac?
Dein Beispiel, sieht bei mir leider defekt aus: