JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
		<div id="header">
			<div class="container">
				<div class="nav-menu"
					<ul>
						<li><a href="#">Услуги</a></li>
						<li><a href="#">О</a></li>
						<li><a href="#">Портфолио</a></li>
						<li><a href="#">С чем работаем</a></li>
						<li><a href="#">Контакты</a></li>
					</ul>
				</div>
			</div>
		</div>

		<div class="slider">
			
		</div>

		<div class="portfolio">
			
		</div>

		<div class="footer">
			
		</div>
	</div>

CSS

body {
	background: #fff;
	height: 100%;
}
#wrapper {
	max-width: 100px;
	margin: 0 auto;
}
#header {
	background: #2d2d2d;
	max-height: 63px;
}
.container {
	width: 770px;
	margin: 0 auto;
}
.nav-menu ul li {
	display: inline-block;
	margin: 40px 0 9px 0;
}
.nav-menu ul li a {
    color: #000;
    font-size: 10px;
    padding: 1px 20px 15px 0;
    text-decoration: none;
}

.slider {
	background: #000;
	-webkit-background-size: 10px;
	 background-size: 100px;
	height: 100px;
}