JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<!-- Stwórz stronę, o dowolnej treści, której layout będzie taki jak na obrazkach w katalogu layout. -->
<!-- Strona musi przestrzegać zasad Responsive Web Design. Ma dobrze wyglądać przy każdej szerokości okna. -->

<html>
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="style.css"/>
    </head>
	<body>
		<div id="container">
			<div id="logo">Logo</div>
                        <header id="tytul"></header>
			<div id="reklamy">reklamy lub wigety</div>
			<div class="clear"></div>
			<nav id="nawigacja">nawigacja</nav>
                        <article id="artukul">artykuł</article>
			<div class="clear"></div>
                        <footer id="stopka">stopka</footer>
	
		
		</div>
	</body>
</html>

CSS

body
{
	margin: 0;
	padding: 0;
	font-size: 20px;
}
#container
{
	width: 100%;
	background-color: grey;
}

.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: darkgreen;
	float:left;
	width: 70%;
	height: 35em;

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


}
footer
{
	background-color: violet;
	height: 10em;
	float:none;
}