JSFiddle - React, Tailwind, and code Playground

HTML

</head>
<body>
<div id="container">
<div id="header">
<img src="img/head.jpg" alt="" />
<div id="navigation">
<div id="content">
<div id="footer">
</body>
</html>

CSS

body {
background: #f3f2f3;
color: #000000;
font-family: Trebuchet MS, Arial, Times New Roman;
font-size: 12px;
}

#container {
background: #FFFFFF;
margin: 30px auto;
width: 900px;
height: 1080px;
}

#header {
background: #838283;
height: 200px;
width: 900px;
}

#navigation {
background: #a2a2a2;
width: 900px;
height: 20px;

}

#content {
background: #d2d0d2;
float: right;
width: 700px;
height: 600px;
}


#footer {
background: #838283;
height: 180px;
width: 900px;

}