JSFiddle - React, Tailwind, and code Playground

by Evgeny Pisarev

HTML

<div class="error-body">
  <div class="wrapper_error">

      <img src="http://i.imgur.com/Hsgym3O.png" alt="404" class="e404">
      <div class="error-text">
              <img src="http://i.imgur.com/5RraXoK.png">
              Oops! This page wasn't found!
      </div>
  </div>
</div>

CSS

body{
   font-family: 'Arial', sens-serif;
   padding: 0;
   margin: 0;
}

        .error-body {
            background: url(http://i.imgur.com/uzgCaa5.png) no-repeat;
            background-size: cover;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        img.e404{
          width: 100%;
        }

        .error-text {
            display: flex;
            align-items: center;
            font-size: 24px;
            color: rgba(255, 255, 255, 0.58);
        }

        .error-text img {
            margin-right: 1rem;
        }