JSFiddle - React, Tailwind, and code Playground

by csswizardry

HTML

<div class=island>
    <h1>Foo bar baz</h1>
</div>

CSS

/* Shared */
h1,h2,h3,h4,h5,h6,
.island{
    margin-bottom:1.5rem;
}

/* Island Object */
.island{
    padding:1.5rem;
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
    background-color:#09f;
    color:#fff;
}
    .island > :last-child{
        margin-bottom:0;
    }

























*{
    margin:0;
    padding:0;
}
html{
    padding:5%
}