JSFiddle - React, Tailwind, and code Playground

by Alex Incarnati

HTML

<header>

    <div id="banner">
        <img class="one" src="http://placehold.it/1000x100" />     

    </div>

</header>

CSS

html,body{
    height:100%;
}
body{
    background:yellow;
    
}
header{
    
}
#banner {
    float: none;
    margin:90px 0 100px 0;
    width: 100%;
    border: 1px solid #938063;
    background-color: #1a1b18;
    position: relative;
    padding-top: 85px;
    padding-bottom: 85px;
    border-radius: 10px;
}
#banner img.one {
    width: 100%;
    height: auto;
    position:absolute;
    bottom:0;
}