Всем привет разрабатываю первый сайт с нуля это первый сайт не судите строго за код:)
когда уже был готов скелет сайта начал делать дизайн чуть функционал так скажем и когда ширина контейнера с контентом становится меньше 1000 пикселей она начинает перекрывать контейнер с сайдбаром если есть решение скажите буду благодарен
html контейнера
<div class="container row">
<div class="sidebar">
<div class="inner-sidebar"> Тут текст <a href="ссылка" class="ssilkanafilm" target="_blank">название</a>тут тоже текст<a href="ссылка" class="ssilkanafilm" target="_blank">название</a>Текст <a href="ссылка" class="ssilkanafilm" target="_blank">название</a>.</div>
</div>
<div class="content">
<div class="inner-content" id="qlav">ТУт большой текст</div>
</div>
</div>
.content {
width: 85%;
float: left;
padding-left: 10px;
}
.inner-content{
min-height: 500px;
color: black; font-size: 17px;padding: 5px; background-color: darkgray; border: solid black; box-shadow: 5px 5px 15px; border-radius: 10px;text-align: inherit;
font-family: "Adigiana 2 V1" !important;
}
.sidebar {
width: 15%;
float: left;
min-height: 500px;
padding-right: 10px;
}
.inner-sidebar{
min-height: 500px;
color: black; font-size: 17px;padding: 5px; background-color: darkgray; border: solid black; box-shadow: 5px 5px 15px; border-radius: 10px;text-align: inherit; width: 187px;font-family: "Adigiana 2 V1" !important;
}