JSFiddle - React, Tailwind, and code Playground

by Ravindra Athreya

HTML

<header>
    <img src="https://love2dev.com/img/love2dev-logo-light-dev-trans-1280x214.png" alt="My Logo" class="my-logo"/>
    <div class="headline">Learn More @ Love2Dev.com</div>
</header>

CSS

header{
    width:100%;
    background-color:#aaa;
}

.my-logo
{
    width:72px;
    height:72px;
    margin:10px;
    float:left;
}

.headline{
    width: calc(100% - 92px);
    height: 100%;
    font-size:1.2em;
    font-weight:bold;
    color:#fff;
    line-height:92px;
    background-color:#777;
}