<div class ="row">
<div class ="col-md-6">
Xyz
</div>
<div class ="col-md-6">
Abc
</div>
</div>
Using the code above, I can easily create a layout with two columns. The only issue is that my column elements are stored in an array.
The array contains the following elements: [ 'xyz', 'Abc', 'pqr','stuv' ]
<div *ngFor="field of fields">
<div class ="col-md-6">
{{field}}
</div>
</div>
My challenge is to achieve a two-way layout within a loop, where each element in the array has different width and height. I want the layout to be responsive and adjust accordingly based on the number of elements in the array and the size of the outer div.