JSFiddle - React, Tailwind, and code Playground

by mtenschert

CSS

/* mtenschert: form general customized css */
input[type=checkbox] {
  -ms-transform: scale(1.4); /* IE */
  -moz-transform: scale(1.4); /* FF */
  -webkit-transform: scale(1.4); /* Safari and Chrome */
  -o-transform: scale(1.4); /* Opera */
  padding: 5px;
}

.form-field {
    margin-top: 15px;
    padding: 10px;
    border-radius: 10px;
    background-color: #f1f1f3;
}

textarea {
    border-radius: 5px;
}

div.request_custom_fields_360000199997 {
	float: left;
	width: 48%;
  margin-right: 2%;
	margin-bottom: 25px;
}

.request_custom_fields_360000218138 label {
	width: 95%;
	float: right;
}

.request_custom_fields_360000218138 input {
	float: left;
	margin-top: 5px;
	margin-left: 3px;
}

div.request_custom_fields_360000218138 {
    overflow: hidden;
}

div.request_custom_fields_360000199977 {
	width: 18%;
	float: left;
  margin-right: 2%;
}

div.request_custom_fields_360000217518 {
	float: left;
	width: 80%;
}

div.request_custom_fields_360000217558 {
	float: left;
	width: 50%;
	margin-bottom: 25px;
}

div.request_custom_fields_360000214617 {
	overflow: hidden;
}