JSFiddle - React, Tailwind, and code Playground

by Ulrich Bangert

HTML

<nav><a href="#meineID">Test</a></nav>
<main>
<div id="meineID" class="rp-meineID">
    <div class="leftpruducts" >
    <div>
        <h2 >
            Der Honig - Elexir des Lebens
        </h2>
        <p>
        Jeder Honig ist auch das süße <b>Abbild einer Region</b> in der gesammelt wird. Die Vielfalt der Nektare der verschiedensten Pflanzen ergeben auch einen <b>Reichtum von bis zu 200 verschiedenen Inhaltstoffen,</b> wie Frucht- und Traubenzucker, Pollen, Mineralstoffe, Proteine, Enzyme, Aminosäuren, Vitamine, Farb- und Aromastoffe und machen deshalb Honig zu einem wahren <b>Lebenselixier</b>.
        </p>
        </div>
        </div>
        </div>
        </main>

CSS

div#meineID {
  margin-top: 800px;
  height: 1000px;
}
nav {
  background-color: rgba(255, 255, 255, 0.5);
  flex: 0 0 auto;
}
nav a {
  font-size: 40px;
}
main {
  overflow: auto;
  flex: 1 1 auto;
}
body {
  height: 100vh;
  display: flex;
  flex-direction: column;
  margin: 0;
}