JSFiddle - React, Tailwind, and code Playground

by Jhugorn

HTML

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" media="screen" href="css/main.css">
    </head>

    <body>

        <header>
            <h1>Hello!</h1>
        </header>
     
    </body>

</html>

CSS

* {
    margin: 0px;
    padding: 0px;
}

body {
    background: linear-gradient(20deg, #B7B0F6, #B1D5F9);
}

header {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}