# New Responsive ion-grid **URL:** \ **Category:** ionic-v3\ **Created:** [March 16, 2017, 10:15pm UTC](https://forum.ionicframework.com/t/new-responsive-ion-grid/83220 "2017-03-16T22:15:07Z")\ **Posts on this page:** 14\ **Page:** 1
**Author:** ![imrvshah](https://avatars.discourse-cdn.com/v4/letter/i/e0b2c6/32.png) [@imrvshah](https://forum.ionicframework.com/u/imrvshah)\ **Post date:** [March 16, 2017, 10:15pm UTC](https://forum.ionicframework.com/t/new-responsive-ion-grid/83220/1 "2017-03-16T22:15:08Z")
In the new responsive ion-grid, How can I hide one ion-col depend on mobile device size? For example, I have two ion-cols and one ion-col will only display in small device and not in all device. So, how can I hide this col in large device? ---
**Author:** ![imrvshah](https://avatars.discourse-cdn.com/v4/letter/i/e0b2c6/32.png) [@imrvshah](https://forum.ionicframework.com/u/imrvshah)\ **Post date:** [March 17, 2017, 2:30pm UTC](https://forum.ionicframework.com/t/new-responsive-ion-grid/83220/2 "2017-03-17T14:30:28Z")
In bootstrap 3 they have class like “hidden-xs”, do we have any thing like that? @brandyshea @mhartington ---
**Author:** ![brandyshea](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/brandyshea/32/148286_2.png) [@brandyshea](https://forum.ionicframework.com/u/brandyshea)\ **Post date:** [March 17, 2017, 2:59pm UTC](https://forum.ionicframework.com/t/new-responsive-ion-grid/83220/3 "2017-03-17T14:59:12Z")
Not yet. It’s on my list of things to add! 😄 ---
**Author:** ![jrunfitpro](https://avatars.discourse-cdn.com/v4/letter/j/82dd89/32.png) [@jrunfitpro](https://forum.ionicframework.com/u/jrunfitpro)\ **Post date:** [March 17, 2017, 3:46pm UTC](https://forum.ionicframework.com/t/new-responsive-ion-grid/83220/4 "2017-03-17T15:46:17Z")
Any chance you can make a demo of this for Ionic Creator? Thank you Brandy. ---
**Author:** ![brandyshea](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/brandyshea/32/148286_2.png) [@brandyshea](https://forum.ionicframework.com/u/brandyshea)\ **Post date:** [March 17, 2017, 4:00pm UTC](https://forum.ionicframework.com/t/new-responsive-ion-grid/83220/5 "2017-03-17T16:00:54Z")
Hey @jrunfitpro, Ionic 2 isn’t supported in Creator yet. Did you mean the grid for Ionic 1? cc @mattkremer ---
**Author:** ![jrunfitpro](https://avatars.discourse-cdn.com/v4/letter/j/82dd89/32.png) [@jrunfitpro](https://forum.ionicframework.com/u/jrunfitpro)\ **Post date:** [March 17, 2017, 5:45pm UTC](https://forum.ionicframework.com/t/new-responsive-ion-grid/83220/6 "2017-03-17T17:45:41Z")
Darn, I thought Creator was a new product and assumed it was Ionic2. Any idea when Creator will use Ionic2? ---
**Author:** ![brandyshea](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/brandyshea/32/148286_2.png) [@brandyshea](https://forum.ionicframework.com/u/brandyshea)\ **Post date:** [March 17, 2017, 6:18pm UTC](https://forum.ionicframework.com/t/new-responsive-ion-grid/83220/7 "2017-03-17T18:18:31Z")
We don’t have a timeline, but they are actively working on it. There’s some more information on it here: > **[Ionic 2 Support Roadmap](https://docs.usecreator.com/docs/ionic-2-support-roadmap)** > > Hey everybody! Matt here. The Creator team is super excited to get Ionic 2 support into your hands as fast as possible, and we want to be open about where we're at in this process. Give the video below a watch to learn a little more about our plan! ... ---
**Author:** ![jrunfitpro](https://avatars.discourse-cdn.com/v4/letter/j/82dd89/32.png) [@jrunfitpro](https://forum.ionicframework.com/u/jrunfitpro)\ **Post date:** [March 17, 2017, 11:08pm UTC](https://forum.ionicframework.com/t/new-responsive-ion-grid/83220/8 "2017-03-17T23:08:25Z")
Slightly different subject. Would the body shaped progress meter work in Creator? I sort of attempted making it, but couldn’t get it just right. ---
**Author:** ![beck24](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/beck24/32/112174_2.png) [@beck24](https://forum.ionicframework.com/u/beck24)\ **Post date:** [March 18, 2017, 2:03am UTC](https://forum.ionicframework.com/t/new-responsive-ion-grid/83220/9 "2017-03-18T02:03:58Z")
another thing that would be useful and seems spotty right now is conditional col widths eg. ``` Content 1 Content 2 ``` Right now that doesn’t seem to work correctly but it’s not clear if it _should_ ---
**Author:** ![brandyshea](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/brandyshea/32/148286_2.png) [@brandyshea](https://forum.ionicframework.com/u/brandyshea)\ **Post date:** [March 20, 2017, 2:39pm UTC](https://forum.ionicframework.com/t/new-responsive-ion-grid/83220/10 "2017-03-20T14:39:05Z")
So the grid is mostly CSS right now. All of the column attributes are just CSS attributes. For example: ```auto [col-md-auto] { flex: 0 0 auto; width: auto; } ``` In order to dynamically add attributes you need to use the following syntax: ```auto Content 1 ``` The syntax you wrote is for property binding in Angular. For more info on this: [https://angular.io/docs/ts/latest/guide/template-syntax.html#!#property-binding](https://angular.io/docs/ts/latest/guide/template-syntax.html#!#property-binding) [https://angular.io/docs/ts/latest/guide/template-syntax.html#!#other-bindings](https://angular.io/docs/ts/latest/guide/template-syntax.html#!#other-bindings) Here’s a good description on the syntax for dynamic attribute binding: [https://github.com/angular/angular/issues/2869#issuecomment-123032491](https://github.com/angular/angular/issues/2869#issuecomment-123032491) ---
**Author:** ![beck24](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/beck24/32/112174_2.png) [@beck24](https://forum.ionicframework.com/u/beck24)\ **Post date:** [March 20, 2017, 3:56pm UTC](https://forum.ionicframework.com/t/new-responsive-ion-grid/83220/11 "2017-03-20T15:56:20Z")
Will give that a try, thanks! [edit] - that works, much appreciated. ---
**Author:** ![nbcesar](https://avatars.discourse-cdn.com/v4/letter/n/439d5e/32.png) [@nbcesar](https://forum.ionicframework.com/u/nbcesar)\ **Post date:** [May 3, 2017, 3:30pm UTC](https://forum.ionicframework.com/t/new-responsive-ion-grid/83220/12 "2017-05-03T15:30:34Z")
Awesome - any timeline on when hidden columns will be available? Also - is there a way to make the font-size smaller depending on the breakpoint? ---
**Author:** ![dfa](https://avatars.discourse-cdn.com/v4/letter/d/74df32/32.png) [@dfa](https://forum.ionicframework.com/u/dfa)\ **Post date:** [May 18, 2017, 2:30pm UTC](https://forum.ionicframework.com/t/new-responsive-ion-grid/83220/13 "2017-05-18T14:30:25Z")
we are waiting for it also! Meantimes I will use @media condition I suppose ---
**Author:** ![thebit4bit](https://avatars.discourse-cdn.com/v4/letter/t/df788c/32.png) [@thebit4bit](https://forum.ionicframework.com/u/thebit4bit)\ **Post date:** [January 2, 2018, 7:28am UTC](https://forum.ionicframework.com/t/new-responsive-ion-grid/83220/14 "2018-01-02T07:28:09Z")
is this available now ?