How I can get a similar design?

ionic-v1
1

How I can implement this grid?

image
start_n5_framed.png946×1600 341 KB

with cards? or is there some other way? what is the best way? any idea?

Thanks!

2

ionlist --> ionitem ng-repeat set width to 50% and a fixed height … done

3

Thanks for answering, I have a question beginner, How do I organize the right side?

image
sreen.png418×512 9.04 KB

4

This topic is similar to what you need, but the images aren’t showing up. They want the items to take up the full height of the screen:

Here is the codepen from that example: http://codepen.io/anon/pen/KwppNq

If you just want boxes side by side the markup mentioned by bengtler will work:

<ion-item ng-repeat="item in [1,2,3,4,5,6,7,8,9]" class="custom-item">
  Item {{item}}
</ion-item>

and css:

.custom-item {
  width: 50%;
  float: left;
  height: 300px;
}

Here is a codepen example: http://codepen.io/brandyshea/pen/pjgKpM

2 Likes
5

Thanks!! This is very helpful for me and sorry for the dumb question :wink:

1 Like
6

Not a dumb question! I’m sure it will help someone else out in the future. :smile:

3 Likes