I'm trying to create a grid to which has one column per day of the month.
So I need up to 32 columns in a single row (1st label + days of the month)
I'm using a for in order to add divs dynamically.
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-1">
for (var i = 1; i <= Model.TotalDays; i++)
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-1">@Model.GetDateStringFromDay(i)</div>
This gives me 12 values per row, as MDC is 12 column based.
I tried to create nested divs, but it ended up adding new lines for every new level.
Is there a way to do it? Using nested columns or overriding somehow the default MDC behaviour to allow more columns in a single row?