Как решить проблемы совместимости, вызванные исправленными пробелами, чтобы сделать макет адаптируемым к различным устро ⇐ CSS

[Anonymous]

Вот мой код, он прекрасно работает на моем компьютере. Однако «пробел: 50 пикселей» — этот фиксированный зазор приводит к потере совместимости. На других компьютерах содержимое может переполнить контейнер.

.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%;
}



Подробнее здесь: https://stackoverflow.com/questions/792 ... ayout-adap