JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container container--inner">

  <div class="wrapper">

    <aside class="wrapper__aside">
      <p>block left</p>
    </aside>

    <section class="info wrapper__box">
      <p><span>1 block 1 block 1 blcok</span> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis rerum doloremque mollitia perspiciatis laboriosam, ratione libero accusantium? Harum quis fugit sit vitae architecto velit beatae quod praesentium, sint, tempore cupiditate?</p>
      <p>1 block 1 block 1 blcok Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis rerum doloremque mollitia perspiciatis laboriosam, ratione libero accusantium? Harum quis fugit sit vitae architecto velit beatae quod praesentium, sint, tempore cupiditate?</p>
      <p>1 block 1 block 1 blcok Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis rerum doloremque mollitia perspiciatis laboriosam, ratione libero accusantium? Harum quis fugit sit vitae architecto velit beatae quod praesentium, sint, tempore cupiditate?</p>
      <p>1 block 1 block 1 blcok Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis rerum doloremque mollitia perspiciatis laboriosam, ratione libero accusantium? Harum quis fugit sit vitae architecto velit beatae quod praesentium, sint, tempore cupiditate?</p>
    </section>

    <section class="contact wrapper__box">
      <p><span>2 block 2 block 2 blcok</span> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis rerum doloremque mollitia perspiciatis laboriosam, ratione libero accusantium? Harum quis fugit sit vitae architecto velit beatae quod praesentium, sint, tempore cupiditate?</p>
      <p>2 block 21 block 2 blcok Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis rerum doloremque mollitia perspiciatis laboriosam, ratione libero accusantium? Harum quis fugit sit vitae architecto velit beatae quod praesentium, sint, tempore cupiditate?</p>
      <p>2 block 2 block 21 blcok Lorem ipsum dolor...

CSS

.wrapper {

  position: relative;

}

.wrapper__aside {
  position: fixed;
  top: 0px;
  transform: translateY(0px);
  width: 215px;
  height: 100vh;
  padding: 20px;
  background-color: #004757;
}

.wrapper__box {
  width: calc(100% - 215px);
  margin-left: 215px;
  position: sticky;
  top: 0;
  left: 0;
  min-height: 100vh;
}

.wrapper__box span {
  font-size: 60px;
}

.info {
  background-color: red;
}

.contact {
  background-color: yellow;
}

.block {
  background-color: green;
}

.elem {
  background-color: orange;
}

* {
  box-sizing: border-box;
}

*::afrer,
*::before {
  box-sizing: border-box;
}

p,
body {
  margin: 0;
  padding: 0;
}