JSFiddle - React, Tailwind, and code Playground

by ivawzh

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<div class="container">
    <div class="card">
        <input class="form-control" placeholder="Email"></input>
        <input class="form-control" placeholder="Password"></input>
        <input class="form-control" placeholder="Password confirmation"></input>
    </div>
</div>

CSS

.container {
    height: 900px;
    background:grey;
}
input {
    display:block;
}
.card {
    background-color: white;
    border-radius:8px;
    padding: 20px, 30px;
    border-style: solid;
    border-width: 0px 0px 4px 0px;
    border-color: #6FAFB5;
    margin-top: 19px;
}