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.

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

using Onsen Grid in responsive design