JSFiddle - React, Tailwind, and code Playground

by jairajdesai

HTML

<div id="initial_options">
			<div class="option_button" id="option_1">
				<big>1</big> <span class="supplementary_text">text goes here</span>
			</div>
			<div class="option_button" id="option_2">
				<big>2</2></big> <span class="supplementary_text">text goes here</span>
			</div>
			<div class="option_button" id="option_3">
				<big>3</big> <span class="supplementary_text">text goes here</span>
			</div>
		</div>

CSS

#initial_options {
position:relative;
top:18%;
left:0;
z-index:10;
background-color:#eee;
}
.option_button{
width:20%;
border-radius:none;
}
#option_1{
background-color:#013adf;
}
#option_2{
background-color:#f7fe2e;
}
#option_3{
background-color:#ff0000;
}