.cal { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 18px; } .cal.one { grid-template-columns: 1fr; } .cal h3 { margin: 0 0 6px; font: 700 18px var(--display); text-transform: capitalize; } .cal table { width: 100%; border-collapse: collapse; table-layout: fixed; } .cal th { font: 400 11px var(--mono); color: var(--slate); } .cal td { text-align: center; padding: 6px 0; font-size: 14px; border-radius: 8px; } .cal.one td { height: 64px; vertical-align: top; text-align: right; padding: 6px; border: 1px solid var(--ash); font-size: 16px; } .cal td.we { color: #c33; } @media print { body * { visibility: hidden; } #cal, #cal * { visibility: visible; } #cal { position: absolute; top: 0; left: 0; width: 100%; } }