JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="wrapper">

<header class="header">
<div class="toptop">
шапка сайта
</div>
</header>

<main class="content">
контент
</main>

</div>

<footer class="footer">
<div class="nizzzzzzzzz">
счетчики и т.д
</div>
</footer>
</body>

CSS

html, body{
font-family: 'Lobster', cursive;
font-size: 20px;
height: 100%;
font-weight: 400;
background-color: #eeeeee;
}

.wrapper {
margin-left: auto;
margin-right: auto;
width: 600px;
min-height: 100%;
height: auto !important;
height: 100%;
background-color:#ffffff;
}
.header {
width: 100%;
height: 230px;
}
.toptop{
width: 460px;
margin-left: auto;
margin-right: auto;
padding: 50px 70px 50px 70px;
}
.content {
position: relative;
margin-left: auto;
margin-right: auto;
width: 460px;
padding: 0px 70px 150px 70px;
}
.footer {
margin: -150px auto 0;
position: relative;
}
.nizzzzzzzzz{
margin-left: auto;
margin-right: auto;
width: 460px;
background:#FBFBFB;
padding: 70px 70px 50px 70px;
}