Here is my code, it works great in my computer. However, “gap: 50px”, this fixed gap makes it lose compatibility.On other computers, the content might overflow the container.

<style scoped lang="scss">
    .course-home-layout {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 50px;
        background-color: var(--background-color);
        width: 80%;
        margin: 20px auto;
        border-radius: 8px;
        box-shadow: 0 2px 4px 3px var(--border-color);
    }
    .content-container {
        margin-left: 20px;
        width: 70%;
    }
    .aside-container {
        width: 30%;
    }
</style>