Flexboxception: flexbox in flexbox met foto schaalt verkeerd

[F.West98]

Dag

Ik ben een beetje aan het experimenteren met flexboxes en ik krijg het volgende niet werkend:
Ik wil een fotogallery hebben die de foto's over rijen verdeelt. Dat is niet moeilijk. Ook wil ik elke foto (is een div met foto, titel en beschrijving) een vaste hoogte hebben, met de beschrijving en de titel erbij. Dus, als de beschrijving langer is, moet de foto minder hoog worden (de wrapperdiv moet een vaste hoogte hebben).
Lang verhaal kort: http://jsfiddle.net/tc4371ey/2/
Zoals je ziet is elke .image over de volledige breedte, terwijl de foto dat niet is (in Firefox). In Chrome wil de foto helemaal niet goed schalen.
Ik wil dus dat de foto de hoogte aanneemt die over is in de flexbox (nadat de titel en beschrijving eraf zijn gegaan) en de breedte aan de hand van die hoogte schaalt, de hele .image div die breedte aanneemt en dat ze dan in rijen gaan. Ik krijg het alleen niet voorelkaar. Iemand enig idee?

[NMe]

Volgens mij zijn er met verschillende browsers nog redelijk wat bugs als je flexboxes nest. Ik weet niet of wat je wil wel kan...

[F.West98]

Fijn
Wellicht dan wat anders proberen...

edit:
Op zich zou een float: left op de image ook nog wel kunnen (ze hoeven niet mooi uit te lijnen) maar dat werkt ook niet..... Dan neemt 'ie nog steeds de volledige breedte in...

[ Voor 67% gewijzigd door F.West98 op 10-06-2015 16:33 ]

[NMe]

Je kan toch gewoon meerdere flexboxes floaten? Dan heb je alleen dat de blokjes niet mooi uitvullen per rij, maar ze vormen wel nog steeds gewoon consistente rijen.

[ Voor 6% gewijzigd door NMe op 10-06-2015 17:40 ]

[F.West98]

Hmm vreemd, lukte net niet, maar nu wil dat dus wel.
Prima, dan doet 'ie het zo.