using Onsen Grid in responsive design

Ahmed Elshorbagy

Hello,

I want to create a grid which will display 2 images in mobile and 3 images in tablets. I tried to use <ons-row><ons-col> but I cannot display two cols ,only one column. Is that possible?

Thank you

munsterlander

@Ahmed-Elshorbagy Of course!

<ons-row>
   <ons-col>Column 1</ons-col>
   <ons-col>Column 2</ons-col>
</ons-row>

https://codepen.io/munsterlander/pen/ryperY

You may have to do some CSS to insure that the columns are 45% or such depending on the target device.

using Onsen Grid in responsive design browsing