Reponsive Grid with dynamic content using ng-repeat



I’m working on a grid based app with a dynamic amount of tiles. To make the code responsive and reusable I’m using a lot of css from the following tutorial 2 Inline-block.

I’ve run into a weird problem though.The code works with hard-coded content but not with content injected by a ng-repeat.

See the Pen NqgwVW by @Zarathes on CodePen.

I’ve been staring at this for a while now and I cant find a single difference in css.

Can you guys help me?

PS. Sorry if the codepen is poorly made. I still consider myself a ionic/angularJs novice and I was short on time.