JSFiddle - React, Tailwind, and code Playground

by Chris LaFrombois

HTML

<form class='search-form' action="{% url 'search-results' %}" method='get'>
  <input class='search-input' name='q' type='text' placeholder='Enter keywords here'>
</form>

CSS

body, html {
  margin: 0;
  padding: 0;
}

.search-form {
  width: 100%;
  max-width: 800px;
  height: 50px;
  margin: auto;
}

.search-input {
  width: 100%;
  height: 100%;
  padding-left: 15px;
}