# Ionic grid query

**URL:** <https://forum.ionicframework.com/t/ionic-grid-query/27851>\
**Category:** ionic-v1\
**Created:** [July 7, 2015, 1:23pm UTC](https://forum.ionicframework.com/t/ionic-grid-query/27851 "2015-07-07T13:23:12Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![lourdhumca](https://avatars.discourse-cdn.com/v4/letter/l/eb9ed0/32.png) [@lourdhumca](https://forum.ionicframework.com/u/lourdhumca)\
**Post date:** [July 7, 2015, 1:23pm UTC](https://forum.ionicframework.com/t/ionic-grid-query/27851/1 "2015-07-07T13:23:12Z")

</div>

Hi,

Need to achieve 3 grids for Large screen, 2 grids for Medium screen and 1 grid for Small screen using ionic grid system.

Say for example for iPad Landscape - 3 grids  
& for iPad Portrait mode - 2 grids  
& for iPhone - 1 grid  
Can you please suggest an idea to achieve this?

---

<div class="post-metadata">

**Author:** ![bradmartin](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/bradmartin/32/13210_2.png) [@bradmartin](https://forum.ionicframework.com/u/bradmartin)\
**Post date:** [July 7, 2015, 1:54pm UTC](https://forum.ionicframework.com/t/ionic-grid-query/27851/2 "2015-07-07T13:54:13Z")

</div>

Are you wanting grid layouts using the Ionic grid css?

---

<div class="post-metadata">

**Author:** ![lourdhumca](https://avatars.discourse-cdn.com/v4/letter/l/eb9ed0/32.png) [@lourdhumca](https://forum.ionicframework.com/u/lourdhumca)\
**Post date:** [July 7, 2015, 1:55pm UTC](https://forum.ionicframework.com/t/ionic-grid-query/27851/3 "2015-07-07T13:55:51Z")

</div>

Yes, with the above requirement.  
Please suggest a solution.

---

<div class="post-metadata">

**Author:** ![bradmartin](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/bradmartin/32/13210_2.png) [@bradmartin](https://forum.ionicframework.com/u/bradmartin)\
**Post date:** [July 7, 2015, 2:03pm UTC](https://forum.ionicframework.com/t/ionic-grid-query/27851/4 "2015-07-07T14:03:25Z")

</div>

By grids, do you mean ‘rows’?

If so, then you probably just need to play around with the following. I don’t have time to test it but you can wire something up using the ‘responsive-xx’ classes provided in the docs. [http://ionicframework.com/docs/components/#grid-responsive](http://ionicframework.com/docs/components/#grid-responsive)

```
 <div class"row responsive-md">
  <div class="col">.col</div>
  <div class="col">.col</div>
  <div class="col">.col</div>
 </div>
```

---

<div class="post-metadata">

**Author:** ![ShadeAJ](https://avatars.discourse-cdn.com/v4/letter/s/85f322/32.png) [@ShadeAJ](https://forum.ionicframework.com/u/ShadeAJ)\
**Post date:** [August 8, 2019, 10:45pm UTC](https://forum.ionicframework.com/t/ionic-grid-query/27851/5 "2019-08-08T22:45:28Z")

</div>

![18%20PM](https://global.discourse-cdn.com/ionicframework/original/3X/3/4/34942e5a52386a5873b15d61ae9e2cc4e4859383.png)