JSFiddle - React, Tailwind, and code Playground

by dzenkovich

HTML

<div class="block mighty-font">
    mighty font color mighty font color mighty font color mighty font color
</div>
<div class="block current-font">
    current LFC font color current LFC font color current LFC font color
</div>
<div class="block facebook">
    FACEBOOK
</div>
<div class="block mighty">
    MIGHTY
</div>

CSS

.block {
    float: left;
    width: 50%;
    min-height: 100px;
    padding: 20px;
    font-size: 24px;
    font-weight: 700;
    box-sizing: border-box;
}

.current-font {
    color: #394351;
    font-family: Roboto Slab, sans-serif;
}

.mighty-font {
    color: #000;
    font-family: Publico, serif;
}

.facebook {
    color: white;
    background-color: #3A5A98;
}

.mighty {
    color: white;
    background-color: #1E277C;
}