JSFiddle - React, Tailwind, and code Playground

by icodeforlove

HTML

<h1>Title</h1>
<div class="container">
<div id = "Left">
    <div id= "LeftContent"></div>
</div>
<div id = "Center">
    <div id = "CenterContent"></div>
</div>
<div id = "Right">
    <div id = "RightContent" ></div>
</div>
</div>

CSS

body{background:black;}

 h1{font-size:100px;text-align:center;color:#F433FF;text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0      0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px  #ff00de;}

.container {
    width: 900px;
    overflow: hidden;
}

#Left, #Center, #Right {
    float: left;
    width: 300px;
    height: 1500px;
    background: yellow; 
}