JSFiddle - React, Tailwind, and code Playground

by chelovechki

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Create Application</title>
<link href="css/mystyle.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div class="wrapper">


<div class="container">
  <div class="sidebar1">

    <!-- end .sidebar1 --></div>
  <div class="content">
    <img id="logo_img" src="http://s018.radikal.ru/i528/1208/fb/5592676510e2.png"/>
    
    <!-- end .content --></div>
    
  <div class="sidebar2">

    <!-- end .sidebar2 --></div>
  <!-- end .container --></div>


</div> <!-- end wrapper -->
</body>
</html>

CSS

body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background-color: #4E5869;
    margin: 0;
    padding: 0;
    color: #000;
}


.container {
    width: 100%;
    max-width: 1560px;
    min-width: 780px;
    background-color: #F16528;
    margin: 0 auto;
    overflow: hidden;
}


.sidebar1 {
    float: left;
    width: 20%;
    background-color: #93A5C4;
    padding-bottom: 10px;
}
.content {
    padding: 10px 0;
    width: 60%;
    float: left;
}
.sidebar2 {
    float: left;
    width: 20%;
    background-color: #93A5C4;
    padding: 10px 0;
}