JSFiddle - React, Tailwind, and code Playground

by DelphinPRO

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
  </head>

  <body>
    <header>
      <div class="wrapper">
        <div class="content">
          <div class="logo">LOGO</div>
          <div class="nav">
            <a href="">TEXT</a>
            <a href="">TEXT</a>
            <a href="">GGGG</a>
          </div>
        </div>
		<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui reprehenderit ea consectetur illo assumenda debitis minima consequuntur dicta incidunt omnis consequatur beatae, tempora ab culpa et deleniti cum inventore. Vitae.</div>
		<div>Illum unde beatae quis corporis dignissimos nulla deleniti reprehenderit sit voluptas, minima dolorum obcaecati. Facere dolorem eveniet officiis numquam reprehenderit eligendi totam sapiente molestiae maxime impedit, commodi, repellat dicta distinctio!</div>
		<div>Dolore nisi error quos ratione aperiam deserunt reiciendis placeat, debitis provident et mollitia in maxime fuga ut corporis esse quas iste cumque architecto eligendi tempora dolores dicta dolorem. Minus, amet.</div>
		<div>Enim quod sunt vitae tenetur, laboriosam dolores nihil labore necessitatibus doloribus, aliquam architecto doloremque voluptatem beatae! Commodi cumque quasi modi autem quo error laborum, aspernatur dolorum eaque quos. Vel, vero.</div>
		<div>Voluptatem blanditiis cumque expedita nihil qui animi provident iusto nam impedit tempora aperiam reprehenderit nulla suscipit quos dignissimos voluptas sunt repellat assumenda ducimus, facilis autem. In quaerat earum, laboriosam eum.</div>
		<div>Quos ipsa, iste, aperiam sapiente atque omnis, vitae ad magnam corrupti perferendis nihil incidunt reprehenderit id quod optio libero voluptate. In doloribus sed, non officia aliquam porro repellat iste...

CSS

body {
    background-color:silver;
}
.wrapper {
    margin: 0 auto;
    width: 700px;
}
.content {
    background-color:silver;
    position: sticky;
    top: 0;
    display: flex;
    justify-content: space-between;
}