html, body { width: 100%; height: 100%; margin: 0 auto; } .smart-scheduler { width: calc(100% - 300px); height: 100%; --smart-scheduler-timeline-cell-width: 50px; --smart-scheduler-timeline-cell-min-width: 50px; } @media (max-width: 750px) { .smart-scheduler { width: 100%; } }