JSFiddle - React, Tailwind, and code Playground

by namlth

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<div class="container my-3" style="height: 768px;">
<div class="col-12">
  <div class="form-group text-center">
  <span class="font-weight-bold">Request Management</span>
  </div>
</div>
<div class="col-12">
  <div class="form-group">
    <input class="form-control"/>
  </div>
  <div class="form-group">
    <input class="form-control"/>
  </div>
</div>
</div>

SCSS

@media (max-width: 575.98px) {
  body {
    font-size: 4vmin;
  }
}