TIL you can make a responsive calendar with just CSS Grid and no media queries
I was stuck trying to build a monthly calendar that fit on both phones and desktops, and I kept adding breakpoints for every screen size. Then I tried using grid-template-columns with auto-fit and minmax(100px, 1fr) and rows that just wrap naturally. Has anyone else found a crazy flexible layout pattern that cut down their media query count?