JSFiddle - React, Tailwind, and code Playground

HTML

<section class="vertical-scrolling">
        
   <div class="page2" >

         <div id="TimeTable">
  
         </div>

         <div  id="TimeTable" >
  
         </div> 
         <div  id="TimeTable" >
  
         </div> 
         <div  id="TimeTable" >
  
         </div> 
         

    </div>
</section>

CSS

.page2{

max-width: 560px;
height: 600px;
background-color: gray;
align:right;
margin-top: 20px;
margin-right: 20px;
margin-left: 20px;
border-style: solid;
max-height: 100%;
width: auto;
}



#TimeTable
{

max-width: 60px;
height: 60px;
background-color: blue;
align: left;
margin-right: 20px;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
border-style: solid;
max-height: 100%;
width: auto;
}