Flexbox, boven foto's plaatsen

Dit forum is bedoeld voor vragen met betrekking tot WYSIWYG Web Builder.
Post Reply
joostenw
 
 
Posts: 49
Joined: Wed Nov 28, 2012 4:12 pm
Location: Millingen aan de Rijn
Contact:

Flexbox, boven foto's plaatsen

Post by joostenw » Thu Jan 04, 2018 10:48 am

Ik wil in een rij meerdere foto's (6 stuks) met bovenop elke foto separate tekst(links) plaatsen.
Daarna zou het er als volgt uit moeten zien:

Default: 6 foto's in 1 rij (max width 1000)
768: 3 foto's per rij, 2 rijen
600: 3 foto's per rij, 2 rijen
480: 2 foto's per rij, 3 rijen
320: 1 foto per rij, 6 rijen

Vragen:
1. Is flexbox een oplossing voor dit probleem?
2. Is het plaatsen van layoutgrids in een flexbox een zinvolle manier om dit probleem aan te pakken?
3. Zijn er andere, betere alternatieven?

User avatar
Pablo
 
Posts: 19209
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Flexbox, boven foto's plaatsen

Post by Pablo » Thu Jan 04, 2018 11:24 am

Ik heb hier helaas geen standaard oplossing voor.
Wanneer je flexbox gebruikt dan kun je geen objecten boven op elkaar plaatsen omdat de layout 'floating' is, dus er zijn geen lagen zoals bij fixed layout.

Post Reply