<style scoped>

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

    .calendarpart {
        width: 50%;
        border: 1px solid black;
    }

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

    }

</style>


<template>
    <div class="indexcalendar">
        <div class="calendarpart">
            <MainCalendarToday />
        </div>
        <div class="calendarpart">
            <MainCalendarFrame />
        </div>
    </div>
</template>