JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="head"></div>
    <div class="banner">
        <div style="margin: 10px; border: 1px solid red;height: 25px;"></div>
    </div>
    <div class="dummy"></div>
</div>

CSS

.head{
    height: 150px;
    background: blue;
}

.banner{
    border-left: 1px solid green;
    border-right: 1px solid green;
    /*padding: 1px 0;*/
}

.dummy{
    border: 1px solid black;
    border-top: none;
    height: 300px;
    background: #CECECE;
}