Responsive Layout mit Flexbox

[Rolf B]

Hallo Gustav,

Dann habe ich versucht, das bei jfiddle aufzusetzen, habe aber nicht den Button gefunden, der das ganze anzeigt :o)

Oben links in jsFiddle steht "> Run", und ein Tooltip der den Hotkey Ctrl+Enter verrät.

Ein Fehler bei Dir stammt aus meinem Posting oben, und den hab ich in meinem Fiddle korrigiert: Es heißt :first-of-type und :last-of-type, ohne die Klammern. Damit funktioniert schon mal die Breitenverteilung.

Und dann gib deinen a Elementen noch display:inline-block, damit sie sich in der Breite beeinflussen lassen, und box-sizing:border-box, damit dein width:95% auch Rand und Padding beinhaltet. Andernfalls müsstest Du Rand und Padding aus der width herausrechnen.

Rolf