我想创建这个页面的可能性滚动它，如果我们需要

在每一块上，我将添加一个特定的组件，现在我将创建这些块，每个块都有一个特定的颜色，只是为了制作布局。我没有得到与图片相同的rslt，这是我的html代码：

<div class="sidebar">
  HELLO
</div>

<div class="container-red">
  <div>
    i'm the big block
  </div>
  <div class="block-blue">
    HI
  </div>
  <div class="block-black">
    HI AGAIN
  </div>
</div>

这就是CSS：

.sidebar {
  width: 20%;
  /* Additional styling for the sidebar */
}

.container-red {
  width: 80%;
  /* Additional styling for the container */
}

.block-blue {
  width: 50%;
  /* Additional styling for the blue block */
}

.block-black {
  width: 50%;
  /* Additional styling for the black block */
}