I have been working on a calendar application where I have designed boxes to display dates. However, I have encountered an issue where some of the line borders appear darker or thicker than others. Below is a snippet of my CSS and HTML code:
<style>
section {
display: grid;
grid-template-columns: repeat(7, 1fr);
}
section > div {
border: 1px solid black;
padding: 10px;
height: 100px;
}
</style>
<section>
@for (int i = 0; i < numDummyColumns; i++)
{
<div></div>
}
@for (var i = 1; i <= _monthEnd.Day; i++)
{
var calendarItem = _calendarEntries.FirstOrDefault(n => n.Date == new DateTime(_year, _month, i));
<div>
<h2>@i</h2>
@if (calendarItem != null)
{
<p>@calendarItem.Title</p>
}
</div>
}
</section>