JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div id="header">
    <div id="title">Your Feedback</div>
    <div id="accountinfo"><a href="#">Registrati</a> o <a href="#">accedi</a>
</div>
<div id="blank"></div>
<div id="leftside" style="left: 170px; ">
    <ul>
            <li><a href="/home/">HOME</a>
        </li><li><a href="#">BLABLA</a>    </li></ul>
</div>
<div id="main" style="margin-right: auto; ">
    <h1>TITLE</h1>
<h2>SOME TEXT</h2>
<br>
</div>
<div id="rightside" style="right: 170px; ">
<h1 id="ultimerecensioni">ULTIME RECENSIONI</h1>
    <div id="tickerContainer">
      <dl id="ticker" style="overflow: hidden; ">
        
      <div style="margin-top: -23.825px; "><dt class="heading">News Heading 3</dt><dd class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</dd></div><div style="margin-top: 0px; "><dt class="heading">News Heading 4</dt><dd class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</dd></div><div style="margin-top: 0px; "><dt class="heading">LOLOLOLOLO</dt><dd class="text">Contenuto 1</dd></div><div style="margin-top: 0px; "><dt class="heading">LOLOLOL2</dt><dd class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</dd></div></dl>
     </div></div>
<div id="footer">
    BLABLA
</div>

CSS

body{
    background-color:#8cbfcf;
    margin: 0px 0px 0px 0px;
    overflow-x:hidden;
    }
#header{
    height: 60px;
    background-color:#70b0c3;
    position:fixed;
    box-shadow:#19343d 0px 1px 2px;
    width:100%;
    margin-left:0px;
    z-index:999;
    }
#accountinfo{
    float:right;
    margin-right:10px;
    font-family: Happy Monkey, sans-serif;
    color:#EFF;
    text-shadow:#000 1px 1px 1px;
    font-size:18px;
    margin-top:34px;
    }
#blank{
     height:60px;
     width:100%;
    }
#main{
    height: 100px;
    width:380px;
    margin-left:auto;
    margin-top:20px;
    background-color:#70b0c3;
    box-shadow: #254C58 1px 0px;
    border: #3C7D91 1px double;
    border-bottom:0px;
    opacity:0.9;
    padding:10px 10px 10px 10px;
    overflow:scroll;
    }
#leftside{
    top: 80px;
    left: 160px;
    float: left;
    height: auto;
    width: 230px;
    background-color: #70B0C3;
    opacity: 0.9;
    border: #3C7D91 1px double;
    position:fixed;
    box-shadow: #254C58 1px 1px;
    border-radius: 5px 5px 5px 5px;
    }
#rightside{
    position:fixed;
    top:80px;
    right:160px;
    height:300px;
    width:230px;
    opacity: 0.9;
    background-color: #70B0C3;
    border: #3C7D91 1px double;
    box-shadow: #254C58 1px 1px;
    border-radius: 5px 5px 5px 5px;
    }