v4: Ion grid does not work as expected

[mburger81]

Bug Report

Ionic Info

Ionic:
   ionic (Ionic CLI)          : 4.0.0-rc.9 (/usr/lib/node_modules/ionic)
   Ionic Framework            : @ionic/angular 4.0.0-alpha.7
   @angular-devkit/core       : 0.7.0-rc.0
   @angular-devkit/schematics : 0.7.0-rc.0
   @angular/cli               : 6.0.8
   @ionic/ng-toolkit          : 1.0.0-rc.9
   @ionic/schematics-angular  : 1.0.0-rc.9

Cordova:
   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.1.0

System:
   Android SDK Tools : 26.1.1
   NodeJS            : v8.11.1 (/usr/bin/node)
   npm               : 6.1.0
   OS                : Linux 4.15

Environment:
   ANDROID_HOME : /...../android/sdk

Describe the Bug
We are migrating our app to ionic4, we have several problems with the grid which need a lot of work to migrate it, but we love the new approach.

Having a look to this documentation (http://ionic-docs.herokuapp.com/docs/layout/grid/), we see (or we think we can see) some of the same problems we have in our app.

We'll list some of the (perhaps) bugs we think there are, perhaps they could be also only documentation error.

1. Column 2 are not wider then the others
   

2. Having a look at the markup column 1 and 4 should be twice larger then col 2 and 3, also there is documented some times to use col- but this should be the new size- right?
   

3. This example of stacked seems to not work
   

4. Horizontal alignment seems to not work at all, not sure if all row and col attributes does work as expected
   

Thx a lot

[brandyscarney]

Thanks for the issue! The latest alpha release still uses the old grid attributes (col-*, offset-*, etc.) but the documentation has been updated for what is on master. We aren't able to do a new alpha release until the core-css-variables branch is stable, but the new grid API is what is documented in the markup tabs and the previews will work as soon as we get a new release out. Sorry about that!

[joel-daros]

This issue has been solved in beta-11, please close.

[brandyscarney]

Thanks @MrSparklle!

I confirmed the documentation is looking good now, thanks for the issue!

https://beta.ionicframework.com/docs/layout/grid

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.