JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
	<html lang="en">
	  <head>
	    <title>Sch_1</title>
	    <meta charset="utf-8">
	    <link rel="stylesheet" href="css/schablon1.css">
	  </head>
	  <body>
	    <div class="menu">
	      <ul>
	      	<li></li>
	      </ul>
        </div>
	    <div class="content"></div>
	    <div class="avtorizacia"></div> 
	  </body>
	</html>

CSS

body{
	background-color: rgb(216, 240, 229);
	max-width: 1920px;
	margin: 0;
}
.menu{
	background-color: rgba(64, 64, 64, 0.69);
	width: 1920px;
	height: 200px;
	overflow: hidden;
}
ul{
	background-color: rgb(177, 185, 227);
	width: 1620px;
	height: 180px;
}
li{
	background-color: rgb(132, 141, 186);
	width: 1420px;
	height: 160px;
}
.content{
	background-color: rgb(232, 174, 174);
	width: 800px;
	height: 400px;
}
.avtorizacia{
	background-color: rgba(31, 16, 16, 0.75);
	width: 200px;
	height: 400px;	
}