JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="sidebar">1</div>
	<div class="content">2</div>
	<div class="sidebar">3</div>
</div>

CSS

* {
	margin: 0;
	padding: 0;
}
.wrapper {
	margin: 0 auto;
	width: 960px;
}
.sidebar {
	float: left;
	width: 250px;
	display: none;
	background: #2ecc71;
}
.content {
	float: left;
	width: 960px;
	background: #3498db;
}
@media only screen and (min-width: 1460px) {
	.wrapper {
		margin: 0 auto;
		width: 1460px;
	}
	.sidebar {
		display: block;
	}
}