JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fixed">logo + some text</div>
<div class="wrap">
   <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero quibusdam odit, iusto beatae ullam consectetur laboriosam minus magnam nemo. Eos doloribus, quas esse ut alias adipisci! Voluptate, a! Quia, fuga.</div>
   <div>Qui voluptate quod doloribus, sit. Porro quas magni repellendus voluptatibus, reprehenderit harum voluptate amet, ipsa recusandae quibusdam, eligendi rerum, totam voluptatem exercitationem odio! Qui debitis modi sed maxime omnis amet.</div>
   <div>Dolores soluta, vel. Consequatur culpa eveniet, aspernatur possimus, totam eius a voluptatem beatae aliquam quo tempora blanditiis vel itaque debitis minus nobis libero ut, tempore sint, laboriosam at velit nostrum.</div>
   <div>Sunt veritatis dolorum iste sint earum illum deleniti mollitia eaque labore cupiditate, tenetur nesciunt, in, quos, quibusdam quis nisi tempore! Eum deleniti nihil odio, cupiditate velit. Aliquid molestiae officia, assumenda.</div>
   <div>Dignissimos qui distinctio, eum amet in incidunt quis et laudantium quos labore tempora dolorum blanditiis ea, possimus ut consequuntur! Rerum vitae, quasi tenetur perferendis. Aliquid sit molestias, libero veritatis recusandae!</div>
   <div>Provident animi consequuntur at cupiditate repudiandae ratione labore cumque illum mollitia sunt quo quasi quas possimus earum nobis hic odio, dolorem quos cum repellat tenetur asperiores nulla. Omnis natus, quisquam.</div>
   <div>Blanditiis placeat, est dolore nobis praesentium iste necessitatibus quas, delectus, consectetur at, officia voluptas assumenda totam exercitationem saepe labore deleniti accusamus eius. Necessitatibus et, asperiores ipsum commodi doloremque enim. Accusamus.</div>
   <div>Cum vero tempore odit aliquid, numquam dolore repellendus animi eveniet odio pariatur temporibus doloremque commodi doloribus nesciunt. Beatae, cum, non deleniti error iusto assumenda molestiae, praesentium corporis, vero incidunt...

CSS

.fixed {
  background: rgba(0,0,0,0.8);
  color: #fefefe;
  padding: 1em;
  text-transform: uppercase;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  }
 .wrap {
   padding: 1em;
   padding-top: 3em;
  }
  .wrap div {
    margin-top: 0.5em;
  }