JSFiddle - React, Tailwind, and code Playground

by scaard

HTML

<div class="container">
  <div class="sidebar">
  
  </div>
  <div class="content">
  
  </div>
</div>

<!-- высота sidebar должна быть 100px -->
<!-- При этом высота может изменяться в зависимости -->
<!-- от кол.-ва элементов в нем -->

<!-- А высота контента должна быть 1000px -->

<!-- Сейчас высота сайдбара === высоте flex-контейнера (.container) -->

CSS

.container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.sidebar {
  width: 30%;
  min-height: 100px;
  border: 1px solid #3a6e00;
}
.content {
  width: 65%;
  height: 1000px;
  border: 1px solid #e21a0a;
}