JSFiddle - React, Tailwind, and code Playground

by thcipriani

HTML

<section>
    <header>
        <h2>Prizes</h2>
    </header>
</section>

CSS

html, body { width: 100%; height: 100%; padding: 0; background: #7EC0D8; }
section { display: block; width: 100%; height: 100%; }
header {
    display: block; 
    width: 100%; 
    background-color: #7EC0D8; 
    background-image: -webkit-linear-gradient(45deg, #E4F342 25%, transparent 25%, transparent 75%, #E4F342 75%, #E4F342), -webkit-linear-gradient(45deg, #E4F342 25%, transparent 25%, transparent 75%, #E4F342 75%, #E4F342);
    height: 2em;
    background-size: 2em 2em;
    background-position:0 0, 1em 1em;
}
h2 { color: white; text-shadow: 2px 4px 0px #6BAEBF; font-family: Helvetica, sans-serif; font-weight: 900; font-size: 2em; display: inline; background: #7EC0D8; padding: 0 0.5em; text-transform: uppercase; }