JSFiddle - React, Tailwind, and code Playground

by jack_pallot

HTML

<header>
    <h1>Welcome To...</h1>
    <h2>Strapline Goes Here</h2>
</header>

CSS

header {
    max-width: 800px;
    height: 160px;
    background: purple;
    text-align: left;
    
    padding-left: 2.5em;
    padding-top: 40px;
}

header h1, header h2 {
    color: #fff;
    font-family: helvetica;
    font-weight: 300;
    margin: 0;
}

header h1 {
    font-size: 2em;
}

header h2 {
    padding-top: 20px;
    font-size: 1.5em;
}