How I can get a similar design?


#1

How I can implement this grid?

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?


#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


#5

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


#6

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