JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<body>
    <div id='section-one'>
        <div id='headline'>
            <h1> This is the headline </h1>
                <div class='silver-line-break'>
                </div>
                <div id='fee-estimate-box'>
                    <form id='fee-estimate-form' action="#">
                            <legend>Delivery Fee Calculator</legend>
                            <span>First name: </span> <input type="text" name="firstname" value="Mickey">
                            <span>Last name: </span> <input type="text" name="lastname" value="Mouse">
                            <input type="submit" value="Submit">
                    </form>
                </div>
                <div class='silver-break-bar'>
                    <img id='red-car' src="http://www.highcharts.com/demo/gfx/skies.jpg" alt="" height="250" width="300">
                </div>
        </div>
    </div>
</body>

CSS

/* Basic Styles */
* {
   margin-top:  0px;
   padding: 0;
}
body {
    padding: 0px;
    margin: 0px;
    background-color: pink;
}

#section-one {
    background-color:  #80be05;
    margin: 0px;
    padding: 0px;
}