JSFiddle - React, Tailwind, and code Playground

by bobbyfrancisjoseph

HTML

<div id = "header">
      My Sample Work
    </div>

<div id = "outerContainer">
    
     
   <div id = "leftSideBar">
       <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque placerat dignissim ornare. In eget neque nisl, in rutrum dui. Suspendisse potenti. In eget nunc leo. Integer cursus, ipsum at scelerisque vulputate, arcu quam euismod eros, in blandit velit metus vel felis. Fusce a sodales libero. Integer placerat dignissim dapibus. Vestibulum blandit tempus ante, congue rutrum orci vulputate eget. Pellentesque quis tortor quis felis commodo sollicitudin. Cras adipiscing mi id purus sodales eu scelerisque mi venenatis 
       <p>
    </div>
    
</div>

CSS

#outerContainer
{
   background-color:#FFF000; 
}
#header
{
 margin:30px 10px 10px 10px ;
 width:100%;
 background-color:#FF0000; 
}

#leftSideBar
{
 float:left;
 width:30%;
 background-color:#00FF00; 
 margin:20px 20px 20px 20px ;
}