JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<header class="main_header">
<div class="header968px">
<a href="index.html" class="logo" role="banner"></a>
<nav class="main_menu">
	<a href="#">ОПИСАНИЕ</a>
	<a href="#">ОТЗЫВЫ</a>
	<a href="#">ДОСТАВКА</a>
	<a href="#">ГАРАНТИИ</a>
	<a href="#">ЗАКАЗАТЬ</a>
</nav>
</div>
<div class="description">
<h1>TAG Heuer Grand Carrera RS2</h1>
</div>

</body>
</html>

CSS

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{
    display: block;
}
html
{
font-size: 75%;
}
body 
{
font: normal 1em/1.3 Arial, sans-serif;
margin: 0;
}
a 
{
text-decoration: none;
}
.main_header
{
width: 100%;
min-width: 968px;
height: 60px;
background: #f5f5f5;
position: fixed;
top: 0;
}
.header968px
{
width: 968px;
display: block;
margin: 0 auto;
height: 60px;
}
.logo
{
background: url(../img/logo.png);
background-repeat: no-repeat;
width:	200px;
height: 34px;
display: block;
position: absolute;
top: 13px;
}
.main_menu
{
line-height: 60px;
text-align: right;
}
.main_menu a
{
display: inline-block;
color:	#424242;
font-family: Georgia;
padding: 0px 25px;
}
.main_menu a:hover
{
color: #000;
background: #eeeeee;
}
.description
{
position: relative;
width: 100%;
height: 100vh;
outline: solid;
min-width: 968px;
}