JSFiddle - React, Tailwind, and code Playground

by Oleg

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: 1024px;
	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: #fff;
    font-size: 15px;
    padding: 15px 20px 15px 0;
    text-decoration: none;
}

.slider {
	background: #CDCDCD url() no-repeat;
	-webkit-background-size: 100%;
	 background-size: 100%;
	height: 462px;
}