Can you please try resizing this code snippet: http://codepen.io/anon/pen/zxGbbx
<ion-content>
<ul class="list">
<a class="item" ng-repeat="thread in data" ng-href="{{thread.url}}" target="_blank">
<li class="">
{{thread.title}}
<span class="desc">{{thread.desc}}</span>
<span class="item-note badge badge-assertive">{{thread.replies}}</span>
</li>
</a>
</ul>
</ion-content>
I've been trying to figure out where I should apply the classes 'row responsive-sm' and 'col', but so far, I haven't had any success. The issue is that my thread titles are too long and causing overflow on the screen.