#content {
    width: fit-content;
    margin: auto;
}

.game_summary {
    margin: 3em;
    display: flex;
    align-items: flex-start;
    gap: 1em;
}

.game_cover_container {
    flex-shrink: 0;
    width: 10em;
}

.game_info {
    flex: 1;
    margin: 0;
}

/* Responsive breakpoint - when window gets too narrow */
@media (max-width: 768px) {
    .game_summary {
        flex-direction: column;
        gap: 0em;
    }
    
    .game_cover_container {
        margin-bottom: 0.0em;
    }
}