HTML, CSS and JavaScript playground

<!DOCTYPE html>
<html>
<head>
<title>HTML, CSS and JavaScript demo</title>
</head>
<body>
<div class="Header">
  <img class="LogoSize"src="https://i.imgur.com/Ogvv5Yf.png"/>
</div>

<div class="Wrapper">
      
<div class="LeftMenu">
  <div>
    <h1>Lab</h1>
    <div class="menufontsize">
      <p>About the Lab</p>
      <p>Project</p>
    </div>
  </div>
        
  <div>
    <h1>Programs</h1>
    <div class="menufontsize">
    <p>Classes</p>
    <p>Events</p>
    <p>Highschool Programs</p>
    <p>Higher Education</p>
    <p>Community Projects</p>
    <p>Outreach</p>
    </div>
  </div>
        
  <div>
    <h1>Membership</h1>
  </div>
</div>
      
<div class="RightContent">
  <h2>OUR LAB</h2>
  <h3>FULLY PREPARED EQUIPMENTS JUST FOR YOU</h3>
    <div>
    <p class="paragraphfontsize">Our lab follows Biosafety Level 1 guidelines. Starting in February 2018, we are also supporting several Community Projects for members who want to work on group research.</p>
    <p class="paragraphfontsize">In our lab, we freely provide supplies and equipment including:</p>
    </div>
  <div class="container">
  <div>
    <h4>Equipments</h4>
  </div>
  <div>
    <h4>Disposables</h4>
  </div>
  <div class="listfontsize">
    <p>Micropipettors and Tabletop Centrifuges</p>
    <p>DNA and protein gel electrophoresis equipment</p>
    <p>Thermocyclers, including qPCR machine</p>
    <p>Heat Blocks and Water Baths</p>
    <p>Separate incubators for microbiology and mycology</p>
    <p>Autoclave</p>
    <p>Spectrophotometer</p>
    <p>Plate reader</p>
    <p>Microscopes</p>
    <p>Refrigerators, -20 and -80Â°C Freezers</p>
    <p>Liquid N2 storage</p>
    <p>Clean hood</p>
  </div>
  <div class="listfontsize">
    <p>Gloves</p>
    <p>Petri Dishes</p>
    <p>Pipette tips</p>
    <p>Centrifuge tubes (1.5, 15 & 50 mL) and spectrophotometer cuvettes</p>
    <p>5, 10 and 25 mL serological pipettes</p>
  </div>
  </div>
</div>      
</div>

*
{
    margin: 0;
    padding: 0;
}

html
{
    width: 960px;
    height: 794px;
}

h1
{ 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  margin: 10px 0px 5px 20px;
}

h2
{
  color: #36B555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 5px;
}

h3
{
  width: 380px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 40px;
  line-height: 42px;
  margin-bottom: 20px;
}

h4
{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  margin-bottom: 20px; 
}

p
{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.container
{
  display: grid;
  grid-template-columns: 300px 300px;
  grid-template-rows: 40px 300px;
  grid-column-gap: 35px;
  margin-top: 20px;
}

.Header
{
    padding-top: 40px;
    padding-bottom: 40px;
}

.LogoSize
{
  width: 200px;
  margin-left: 15px;
}

.Wrapper
{
    height: 794px;
}
    .Wrapper > div
    {   
    height: 794px;
    }

.RightContent
{
    width: 640px;
    height: 794px;
    overflow: auto;
    padding-left: 20px;
}

.LeftMenu
{
    width: 300px;
    height: 794px;
    float: left;
}

.imagefloatright
{
  width:1000px;
  position: absolute;
  float: right;
}
.menufontsize
{
  font-size: 16px;
  line-height: 32px;
  margin: 10px 0px 5px 20px;
}

.paragraphfontsize
{
  font-size: 16px;
  line-height: 25px;
  margin-top: 20px;
}

.listfontsize
{
  font-size: 14px;
  line-height: 25px;
  font-style: italic;
}