UNIT3D-Community-Edition/resources/sass/layout/_main.scss

main {
    margin: 0 max(0px, 10vw - 60px); /* Magic numbers - slightly increases the margins as you go from 600px up to 1600px */
}

@media only screen and (min-width: 1600px) {
    main {
        margin: 0 max(0px, 25vw - 300px); /* Magic numbers - slightly increases the margins as you go from 1600px up to 2500px */
    }
}

@media only screen and (min-width: 2500px) {
    main {
        margin: 0 max(0px, 45vw - 800px); /* Magic numbers - slightly increases the margins as you go from 2500px to beyond 4k resolution */
    }
}

main > article {
    width: 100%;
}

main > article,
.sidebar2 > div,
.sidebar2 > aside {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sidebar2 > div {
    flex-grow: 1;
    max-width: calc(100% - 300px)
}

.sidebar2 > aside {
    flex-grow: 0;
    width: 300px;
}

.sidebar2 {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.sidebar--inverse {
    flex-direction: row-reverse;
}

@media only screen and (max-width: 867px) {
    .sidebar2 {
        flex-direction: column;
    }

    .sidebar2 > div {
        max-width: 100%;
    }

    .sidebar2 > aside {
        flex-grow: 1;
        width: 100%;
    }
}