JSFiddle - React, Tailwind, and code Playground

by joshmoto

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
<script src="https://fonts.googleapis.com/css?family=Inconsolata"></script>
<form>

  <div class="form-group row">
    <label class="col-form-label col-sm-3 col-12 text-sm-right">Team 1</label>
    <div class="col-sm-9 col-12">
      <div class="form-row">
        <div class="form-group col-sm-2 col-4">
          <input type="number" class="form-control" />
        </div>
        <div class="form-group col-sm-6 col-8">
          <div class="input-group">
            <div class="input-group-prepend">
              <label class="input-group-text">
                Won By
              </label>
            </div>
            <select class="custom-select">
              <option selected>-</option>
            </select>
          </div>
        </div>
      </div>
      <div class="form-row">
        <div class="form-group col-12">
        
          <button type="button" class="btn btn-secondary">
            <i class="fa fa-check"></i> Pool Play
          </button>
          
          <button type="button" class="btn btn-info">
            <i class="fa fa-fw fa-info"></i>
          </button>
          
          <div class="btn-group">
            <button type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <i class="fa fa-circle-thin"></i>
            </button>
            <div class="dropdown-menu">
              <a...

SCSS

form {
  padding: 20px;
}