I'm looking to create a grid list with 2 columns, each containing 2 checkboxes stacked vertically.
While I found this helpful question, it still involves a lot of nested divs. Is there a cleaner way to achieve this layout?
Here's how I currently have it set up:
<mat-grid-list cols=3 rowHeight="50px">
<mat-grid-tile class="tile">
<div>
<div>
<mat-checkbox>One</mat-checkbox>
</div>
<div>
<mat-checkbox>Two</mat-checkbox>
</div>
</div>
</mat-grid-tile>
...
<mat-grid-list>