JSFiddle - React, Tailwind, and code Playground

by Blake Plumb

HTML

<a class="cover" href="#"></a>

<a class="contain" href="#"></a>

CSS

a.cover{
    display: block;
    width: 100%;
    max-width: 1200px;
    height: 80px;
    background-image: url('http://suu.edu/cose/biology/images/h1-biology.jpg');
    margin-bottom: 20px;
    background-size: cover;
    background-repeat: no-repeat;
}

a.contain{
    display: block;
    width: 100%;
    max-width: 1200px;
    height: 80px;
    background-image: url('http://suu.edu/cose/biology/images/h1-biology.jpg');
    background-size: contain;
    background-repeat: no-repeat;
}