JSFiddle - React, Tailwind, and code Playground

by wisegorilla

CSS

#site-navigation-wrap {
	display: none;
}


@media (min-width: 1281px) {
	.gift_form_dropdown {
		width: 45%;
		padding: 5px 5px 5px 10px;
	}

	.gift_form_submit {
		width: 45%;
	}
}

#purchase_channel_wrap select,
#purchase_channel_wrap input {
	width: 100%;
}

#purchase_channel_wrap {
	width: 40%;
	margin: auto;
}

@media only screen and (max-width: 767px) {
	#purchase_channel_wrap {
		width: 100%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#purchase_channel_wrap {
		width: 60%;
	}
}