JSFiddle - React, Tailwind, and code Playground

by Josh Pullen

HTML

<div class="title">
    <h1>Simply Do</h1>
    <h4>The simplest, most easy to use to-do list you'll ever find.</h4>
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

* {
    font-family: 'Open Sans', sans-serif;
}
html, body {
    margin:0px;
    padding:0px;
}
.title {
    background:#eee;
    padding:50px;
    text-align:center;
}
.title h1 {
    font-size:6em;
    -webkit-margin-before:0px;
    -webkit-margin-after:0px;
}
.title h4 {
    font-size:1em;
    -webkit-margin-before:0px;
    -webkit-margin-after:0px;
    padding-bottom:40px;
}

@media (max-width: 900px) {
    .title h1 {
        font-size:5em;
    }
    .title h4 {
        
    }
}

@media (max-width: 600px) {
    .title h1 {
        font-size:4em;
    }
}