#appSection {
    width: 100%;
}

.user-bar,
.section-card,
.container {
    max-width: calc(100vw - 60px) !important;
    width: calc(100vw - 60px) !important;
}

.container {
    align-items: stretch;
}

.calendar-section {
    flex: 1.6 1 680px;
}

.todo-section {
    flex: 1 1 420px;
}

.recap-section {
    max-width: calc(100vw - 60px) !important;
}

@media (max-width: 900px) {
    .user-bar,
    .section-card,
    .container {
        max-width: calc(100vw - 24px) !important;
        width: calc(100vw - 24px) !important;
    }
}