JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper" style="text-align: center;">
			<div id="elem1" style="display: inline-block; background-color: #f00; width: 200px; height: 200px;"></div>
			<div id="elem2" style="display: inline-block; background-color: #00f; width: 200px; height: 200px; margin-left: 50px;"></div>
		</div>

CSS

@media screen and (max-width: 453px){
    #elem2 { margin-left:0 !important; }
}