Hello,
I've got a panels page with flexible layout. It consists of 2 rows:

1st row: Flexslider (already responsive)
2nd row: 3 colums (33%|34%|33%)

Now I'm trying to make the 3 colums responsive - so that they are stacked if you have a lower screen resolution.

Has anyone tried that before or can give me a hint were to start?

Comments

haggins’s picture

haggins CreditAttribution: haggins commented
Status: Active » Closed (fixed)

Oh that was easy. I just give the 3 boxes a fixed width + "display: inline-block; vertical-align: bottom;". The row-container gets "text-align: center;" and voilà.

yan’s picture

yan CreditAttribution: yan commented

Thanks! It also works with a relative width and min-width: "width: 33%; min-width: 200px;".