Ionic responsive grid 2 columns


#1

I’m trying to create a responsive grid with 2 columns when the device is larger then phone landscape. I’ve tried several options using ng-repeat but I can’t seem to figure out how to render it.

  <div class="row responsive-sm"> <-- render new row after 2 cols
     <div class="col" ng-repeat="listing in listings"> <-- render 2 cols here
     </div>
  </div>

How can this be accomplished?


#2

hi after the col class u need to add one more class off size like:

<div class="row responsive-sm">
  <div class="col col-50">col-50</div>
  <div class="col col-50">col-50</div>
</div>