JSFiddle - React, Tailwind, and code Playground

by maksim0308

HTML

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="style.css" rel="stylesheet">
</head>
<body>

<div class="main">

	    <input placeholder="text" type="text">

		<select id="month" >
		<option value="" disabled selected>select</option>
	        <option value="Jan">1</option>
	        <option value="Feb">2</option>
	    </select>


</div>

</body>
</html>

CSS

input {
	font-size: 100%;
	height: 44px;
	padding: 5px; 
	border: 2px solid #7a8195;
	box-shadow: 0 0 20px rgba(0, 0, 0, .1) inset; 
}

select {
	font-size: 16px;
	height: 44px;
	padding: 5px; 
	border: 2px solid #7a8195;
	box-shadow: 0 0 40px rgba(0, 0, 0, .1) inset; 
	text-transform: uppercase;
}