Center multiple divs inside a collection repeat

Hi i tried to center multiple divs inside a collection repeat.

But because of the created divs and styles form collection repeat everything breaks.

I think the main problem is this injected style…

[collection-repeat] {
  left: 0 !important;
  top: 0 !important;
  position: absolute !important;
  z-index: 1;

Any one has some good ideas?

I don’t have any ideas, but I have the same problem! Inside your codepen example, you can add the following line to center all the items in the flexbox:

.flex-container { /* ... */
    justify-content: center;

I haven’t figured out a reliable way to get collection-repeat to center, though. ng-repeat works just fine, but it’s not performant. And that worries me.

Does anyone know anything about centering a block of items inside a collection-repeat?