Result CSS Gridを使ってカレンダーを作ろう、みたいなやつです。需要はあるのか分かりませんが個人的にちょっと必要になったのでメモ。 以前書いた凝ったものではなく、非常にシンプルなコードで作るシンプルなカレンダーです。 css .calendar {/*css gridで7列レイアウトを作る*/ display: grid; grid-template-columns: repeat(7, 1fr); } .calendar-wrapper {/*カレンダーの幅*/ width: 280px; } .weekday {/*曜日部分*/ background: #eee; } ul {/*全体*/ list-style: none; margin: 0; padding: 0; text-align: center; } .first-day {/*月の最初の日の始まり。日曜なら1