<style scoped>

    .indexcalendar {
        display: flex; justify-content: space-between;
    }

    .calendarpart {
        flex-grow: 1;
    }

    @media (max-width: 720px) {
        .indexcalendar {
            flex-direction: column;
        }
        
        .calendarpart {
            width: 100%;
        }
    }

</style>


<template>
    <div class="indexcalendar">
        <div class="calendarpart">
            <IndexCalendarToday />
        </div>
        <div class="calendarpart">
            <IndexCalendarFrame />
        </div>
    </div>
</template>