Profound Logic Forums

Is a responsive layout inside of a grid row possible?

I attempted to add it, and it seems like the layout just sets on top of the grid as a whole rather than in a specific row.

I was hoping to setup a grid that behaves as normal in full screen, stack some items in tablet, and stack even more for mobile.

For example:
FullScreen:
Col1 | Col2 | Col3 | Col4 | Col5 | Button1 | Button2

Tablet:
Col1 | Col2 | Col3 | Button1
Col4 | Col5 | Button2

Mobile:
Col1 | Col2 | Col3
Button1 | Button2

No, you can't put layouts (any of them) inside of a grid row, sorry.

Hey Scott -

Any chance this could be coming in a new release? Sounds like it would be a great feature.

Hi,

the easiest way to make a subfile responsive is to set the overflow-x property of the layout, where the subfile is inside, to "auto".
https://www.w3schools.com/howto/howto_c ... onsive.asp

To do something like you want I would use the EJS templating inside of an html container.
http://www.profoundlogic.com/docs/displ ... Templating
In the html container you are able to create every html you want.

https://codepen.io/AllThingsSmitty/pen/MyqmdM
https://codepen.io/hectorguo/pen/BoZEyW
https://www.fourkitchens.com/blog/artic ... s-flexbox/

There are many more examples on the web.

Regards

David