.divisioncontainer {
    /* main component styles */
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.divisioncontainer .division-header-section {
    /* header section styles */
    flex: 0 0 auto;
}

.divisioncontainer .division-games-section {
    /* games section styles */
    flex: 0 0 auto;
}

.divisioncontainer .leaderboard-section {
    /* leaderboard section styles */
    flex: 1;
    overflow-y: auto;
    padding-inline: 10%;
}

@media (max-width: 1024px) {
    .divisioncontainer .leaderboard-section {
        padding-inline: 2%;
    }
}