JSFiddle - React, Tailwind, and code Playground

by David_Knowles

HTML

<div id="gridcontainer">
    <p>Op XS4ALL.nl maken we gebruik van cookies voor webstatistieken en advertentiecampagnes.
                    Dat gebeurt volledig anoniem en de verzamelde informatie wordt maximaal 2 jaar bewaard.
                    Sommige informatie kan gedeeld worden met advertentienetwerken zoals Doubleclick.
                    Onder Meer informatie leest u meer over onze cookies en kunt u uw voorkeuren aanpassen.
                    Gaat u akkoord met onze cookies?
                </p>
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
    a<br />
</div>

CSS

#gridcontainer {
  position: fixed;
top: 30px; 
bottom: 30px;
/* left: 30px; */ 

left: 50%; 
/* right: 30px; */ 
   /* top: 120px;
     left: 0%; */

   overflow: auto;
  background: #fff;
  border: 1px solid red;
  max-width: 620px;
  margin-left: -310px;
  } 
  
/* #gridcontainer {
  border: 1px solid red;
position: fixed;
    left: 50%;
    top: 120px;
    display: none;
    margin-left: -310px;
    height: auto;
    max-width: 620px;
    background-color: #fff;
    z-index: 99999;
    overflow: scroll;
    bottom: 20px;
    } */