JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="pl">
	<head>
		<meta charset="utf-8">
		<title>Praca domowa 28.11.2012</title>
		 <link rel="stylesheet" href="css/normalize.css"> 
		<link rel="stylesheet" href="css/style.css">
	</head>
	<body>
		<div id="container">
			<div id="logo">logo</div>
			<header id="header">tytuł artykułu</header>
			<div id="reklamy">reklamy lub wigety</div>
			
			<nav id="nav">nawigacja</nav>
			<section id="article">artykuł</section>
			<div class="clear"></div>
			<footer id="footer">stopka</footer>
	</div>
		
		
	</body>
</html>

CSS

body
{
	margin: 0;
	padding: 0;
	font-size: 20px;
}
#container
{
	padding: 5em;
	margin: 2em;
	background-color: blue;

}

.clear
{
	clear:both;
}

#logo
{
	background-color: orange;
	float:left;
	width: 20%;
	height: 10em;
}
#header
{
	background-color: pink;
	float: left;
	width: 70%;
	height: 10em;
}
#nav
{
	background-color: lightgreen;

	float:left;
	width: 20%;
	height: 30em;

}
#article
{
	background-color: green;
	float:left;
	width: 70%;
	height: 45em;

	
}
#reklamy
{
 background-color: teal;
width: 10%;
float: right;
 min-height: 40em;



}
#footer
{
	background-color: violet;
	height: 1em;
	width: 100%;

}