Блог

Итак, что я пытаюсь сделать, это установить начальные высоты для двух разных столбцов. Для первого столбца я хочу, чтобы он занимал 30vh, а второй столбец — 70v, но я также хочу, чтобы оба столбца заполняли 100vh при расширении выше точки останова medium и выше. Сложная часть заключается в том, чтобы сделать столбцы в начальной точке останова равными 30vh и 70vh, которые я попробовал, присвоив столбцам класс и установив высоту в отдельном css, но затем, когда я это делаю, он остается такого размера, когда я поднимаюсь выше среднего. Я попытался установить высоту для элемента начальной загрузки строки с помощью h-100, и это изменило высоту строки на 100%, но если я попытаюсь сделать что-либо, кроме h-100, это не приведет к каким-либо изменениям.

 
   <div id="main-page" class="container-fluid "> 
        
    <div class="row h-100">
      <div class="col-sm-6 bg-primary">col-sm-8</div>
      <div class="col-sm-6 bg-secondary">col-sm-4</div>
    </div>
   
  </div>

  

 #main-page {
    height: 90vh;
    background-color: rgba(255,0,0,0.1);
}
  

https://www.malai.co/
Этот веб-сайт — это то, к чему я пытаюсь стремиться.