JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">	
  <div class="primary-content-block" id="about">
  </div>
  <div class="primary-content-block" id="gallery">
  </div>
  <div class="primary-content-block" id="contact">
  </div>
  <div class="primary-content-block" id="news">
  </div>
</div>

CSS

#wrapper {
	margin:0 auto;
	width: 240px;
}

.primary-content-block {
	display:inline-block;
	vertical-align:top;
	width: 120px;
	height: 120px;
}

#about {
	background: radial-gradient(#5cc4ba, #00aa99);
}

#gallery {
	background: radial-gradient(#5cc4ba, #00aa99);
}

#contact {
	background: radial-gradient(#5cc4ba, #00aa99);
}

#news {
	background: radial-gradient(#5cc4ba, #00aa99);
}