Как стилизировать элементы массива в ангулар?

Question

[alexbog90]

Не получается вывести элементы массива по 5 штук в ряд. В ангулар2+ это делается по-другому?

<div class="container" *ngFor="let i of contentItemsArray">
  <div class="item">
    <div>{{i.strDrink}}</div>
    <div><img src="{{i.strDrinkThumb}}" alt=""></div>
  </div>
</div>

.container {
  display: grid;
  grid-template-rows: auto auto auto auto auto;
  width: 800px;
}
.item {
  width: 15%;
}
img {
  width: 100px;
  height: 100px;
}

Answer 1

[Александр]

.container {
    grid-template-columns: repeat(5, 1fr);
}

Comments

[alexbog90]

без изменений:(

[Александр]

alexbog90, тогда код в песочницу.

[alexbog90]

Добавил html и css компонента, на ts ругается

https://codepen.io/bohdanov90/pen/dyoBYKa

[alexbog90]

Разобрался, вдруг кому-нибудь понадобится.

https://riptutorial.com/angular2/example/32251/-ng...

[Александр]

alexbog90, для ангуляра можно использовать CodeSandbox или StackBlitz