JSFiddle - React, Tailwind, and code Playground

by Tony Chen

HTML

<div id="mainRect">
    <div id="topRect">
        <div id="logoRect">
            <img id="logo" src="images\logo.jpg" />
        </div>
        <div id="searchRect">
            <input id="searchbox" type="text" name="search" placeholder="Search Hospital,Clinic,Doctor" />
        </div>
    </div>
</div>

CSS

#topRect {
    width:90%;
    height:75px;
    margin:auto;
    background:#ccc2c2;
}
#logoRect {
    float:left;
    margin-left:5%;
    width:100px;
    height:100%;
}
#logo {
    height:100%;
    width:100%;
}
#searchRect {
    float:right;
    width: 30%;
    height: 25%;
    margin-right:5%;
}
#searchbox {
    width:100%;
    height:100%;
}