How can I change the grid so the cells are the same width and height.
The width is currently 43px although this is dynamic and the height is 23px.
With a font size of 20px.
I can change the css in the browser by adding height to this class (see 2nd image).
This is what I want. Any suggestions on how to do this in the code?
:host .calendar-day {
font-size: 20px;
height: 43px;
}
Also adding grid-auto-rows: 43px; works:
:host .calendar-body .calendar-month-grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-auto-rows: 43px;
}
