JSFiddle - React, Tailwind, and code Playground

by Oleg Shmigelski

HTML

<form>
                <p><input class="comment-name" placeholder="Name *" name="user"></p>
                <p><input class="comment-email" type="email" placeholder="E-mail *" name="e-mail"></p>
                <p><input class="comment-website" type="url" placeholder="Website" name="site"></p>
                <p><textarea class="comment-textbox" name="comment"></textarea></p>
                <p><input class="comment-button" type="button" value="Submit"></p>
</form>

CSS

.comment-name, .comment-email, .comment-website{
    width: 610px;
    height: 33px;
    background: #fbfbfb;
    border: solid 1px #ededed;
    font: 14px Cabin;
    color: #898989;
    padding-left: 12px;
}
.comment-textbox{
    width: 610px;
    height: 185px;
    background: #fbfbfb;
    border: solid 1px #ededed;
    resize: none;
    padding: 6px 12px;
    font: 14px Cabin;
    color: #898989;
}
.comment-button{
    background: url("../images/comment-add-submit.jpg") left;
    font: 13px Cabin;
    color: #fff;
    padding: 5px 34px;
    border: solid 1px #648a49;
    border-radius: 3px;
    margin: 10px 0 14px 0;
}