Ionic grids of size 40% and 60%


#1

We are trying to use horizontal grids in our App, col size 40% and 60%, anyone know how to do it in ionic?


#2

Use the classes col-60 and col-40 then add the selectors to your style.css file:

.col-60 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 60%;
-moz-box-flex: 0;
-moz-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%; }

.col-40 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 40%;
-moz-box-flex: 0;
-moz-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%; }


#3

It worked.

Thank you very much. Appreciate your help.