JSFiddle - React, Tailwind, and code Playground

by Vadim

HTML

<main>
  <div class="container">
    <div class="block">
      <ul class="sidebar">
        <li>link</li>
        <li>link</li>
        <li>link</li>
      </ul>
      <section class="section">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. At quasi numquam nemo quis, modi corporis dolor neque labore, ipsa saepe nobis fugiat consequuntur! Maxime facilis ullam dolorum accusamus, architecto blanditiis nam quibusdam. Magni nisi at, in assumenda nam, similique praesentium dicta consectetur culpa iure eaque itaque magnam, nemo, libero enim asperiores repudiandae veniam impedit! Blanditiis excepturi dolores voluptates mollitia, velit! Eveniet ea optio minus esse non eum! Nisi dicta animi veniam deleniti dolor officiis sequi explicabo esse, pariatur molestiae commodi dignissimos, odio nihil quos placeat incidunt ab corrupti. Magnam cumque aut nemo, natus maxime optio obcaecati quo eveniet facilis exercitationem.
  </section>
    </div>
  </div>
  <section class="section">
    <div class="container">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere neque eveniet placeat reprehenderit voluptate perspiciatis aspernatur consequuntur corporis accusantium hic, quam iure voluptatibus incidunt tempore doloribus ipsa excepturi, repellendus voluptates beatae voluptatem maxime numquam aliquid! Autem quod nobis minus quo consectetur, vero reprehenderit sequi esse ipsam amet iste, quaerat beatae nesciunt minima voluptas incidunt optio cupiditate, aliquam ullam, excepturi. Eveniet dolore quisquam quasi sed asperiores sapiente vel tenetur doloribus repellendus voluptatem at porro enim eaque sit eos itaque cum, eligendi vero maiores quo quam vitae modi. Cumque vel numquam alias, quas deserunt natus nostrum dolores, quos dignissimos, tempore accusantium maiores!
    </div>
  </section>
</main>

CSS

body{
  background-color: gray;
}

.section{
  margin: 10px auto;
  background-color: white;
  display: flex;
  justify-content: center;
}

.container{
  margin: 0 auto;
  max-width: 400px;
  display: flex;
  justify-content: center;
}

.block{
  display: flex;
}

.sidebar{
  border: 1px solid red;
}