How I can get a similar design?


How I can implement this grid?

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



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


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


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:

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}}

and css:

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

Here is a codepen example:


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


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