JSFiddle - React, Tailwind, and code Playground

HTML

<h1 style="color:red">HOMEPAGE</h1>
<div class="block">
  <h1><a class="block-url" href="https://jsfiddle.net/3h5opnmw/" target="_blank">BLOCK 1</a></h1>
  <div class="post">Post 1<a href="#" title="Share Desription,Title,own Screenshot of this Post but URL to Block 1">share</a>
  </div>
  <div class="post">Post 2<a href="#" title="Share Desription,Title,own Screenshot of this Post but URL to Block 1">share</a></div>
  <div class="post">Post 3<a href="#" title="Share Desription,Title,own Screenshot of this Post but URL to Block 1">share</a></div>
  <div class="post">Post 4<a href="#" title="Share Desription,Title,own Screenshot of this Post but URL to Block 1">share</a></div>
</div>
<div class="block">
  <h1><a class="block-url" href="https://jsfiddle.net/wss1zy19/" target="_blank">BLOCK 2</a></h1>
  <div class="post">Post 1<a href="#" title="Share Desription,Title,own Screenshot of this Post but URL to Block 2">share</a></div>
  <div class="post">Post 2<a href="#" title="Share Desription,Title,own Screenshot of this Post but URL to Block 2">share</a></div>
  <div class="post">Post 3<a href="#" title="Share Desription,Title,own Screenshot of this Post but URL to Block 2">share</a></div>
  <div class="post">Post 4<a href="#" title="Share Desription,Title,own Screenshot of this Post but URL to Block 2">share</a></div>
  <div class="post">Post 5<a href="#" title="Share Desription,Title,own Screenshot of this Post but URL to Block 2">share</a></div>
  <div class="post">Post 6<a href="#" title="Share Desription,Title,own Screenshot of this Post but URL to Block 2">share</a></div>
</div>
<div class="block">
  <h1><a class="block-url" href="https://jsfiddle.net/7w3yL79a/" target="_blank">BLOCK 3</a></h1>
  <div class="post">Post 1<a href="#" title="Share Desription,Title,own Screenshot of this Post but URL to Block 3">share</a></div>
  <div class="post">Post 2<a href="#" title="Share Desription,Title,own Screenshot of this Post but URL to Block 3">share</a></div>
  <div...

CSS

body {
  margin:0;
  padding:0;
  text-align:center;
}
.block {  
  background:#cecccc;
  overflow:hidden;
  padding:0 10px;
  margin:0 40px 20px 40px;
}
.post {
  background:#00BCD4;
  width:100%;
  height:40px;
  margin:10px 0;
  font-size:20px;
}
a {
  margin-left:5px;
  font-size:18px;
}
a div {
  display:none;
}
a:hover div{
  display:block;
  position:absolute;
}
.block-url {
  font-size:inherit;
}