JSFiddle - React, Tailwind, and code Playground

by InferOn

HTML

<header>
     <h1>Welcome</h1>

    <input type="text" />
    <input type="submit" value="Search" />
</header>
<article>
    <section id="search">
         <h2>this is the search</h2>@RenderBody()</section>
    <section id="mostdesired">
         <h2>This is the most section</h2>

    </section>
</article>

CSS

body {
        background-color: yellow;
        margin: 0;
        padding:0;
    }
    header > * {
        margin: 0;
        padding:0;
        float: left;
    }
    header {
        background-color: white;
        width: 100%;
        height: 40px;
    
    }
    article > * {
        margin: 0;
    }
    article {
        background-color: red;
    }
    #search {
        background-color: #a6dbed;
        height: 500px;
    
    }
    #mostdesired {
        background-color: #c7d1d6;
        height: 200px;
    border:1px dashed red;
    }