JSFiddle - React, Tailwind, and code Playground

by digitalmedia

HTML

<div class="wrapper">
<div class="content">
	<div class="container">
		Content
	</div>
</div>
</div>

CSS

html, body {
    margin:0;
    width:100%;
    height:100%
}
.wrapper{
    height:100%;
    background:#ddd;
}
.container {
  position: relative;
  width: 100%;
  max-width: 260px;
  margin: 0 auto;
  padding: 0 20px; 
    background-color: #ccc;
    height:300px;
}