JSFiddle - React, Tailwind, and code Playground

by HappyCougar

HTML

<link rel="stylesheet" href="http://cougardesign.ru/templates/cougardesign/css/style.css">
<div class="error_box">
    <div class="error_mess">
        <p class="error">Ошибка 404</p>
        <p class="error_descr">Страница не найдена</p>
        <a href="http://cougardesign.ru/">Вернуться на сайт</a>
    </div>
    <div class="amazing_cat">
        <img src="http://nephalemcube.ru/libs/cat_hungry.png" alt="" />
    </div>
</div>

CSS

body {
    background:#fff !important;
}
.error_box {
    text-align:left;
    left: 200px;
    top: 200px;
    position: absolute;
}
.error {
    font-family: 'Open Sans', sans-serif;
    font-size: 33px;
}
.error_descr {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 40px;
    margin-left: 3px;
}
.amazing_cat {
    position:absolute;
    left:220px;
    top:-30px;
}
.error_box a {
 margin-left: 3px;   
}

JavaScript

var h = ($(window).height() - 128) / 2;
var w = ($(window).width() - 350) / 2;
$('.error_box').css({"top": h , "left": w });