JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<title>Rustdome PVE : Build | Share | Have fun</title>
<body>
<div class="clearfix" id="wrapper">
  <header id="top">
    <nav id="mainnav">
      <ul>
        <li><a href="#" class="thispage">Home</a></li>
        <li><a href="#">Tutorials</a></li>
        <li><a href="#">Mods</a></li>
        <li><a href="#">Screenshots</a></li>
        <li><a href="#">FAQ</a></li>
      </ul>
    </nav>
  </header>
  <div id="hero">
    <h1>[Rustdome PVE]</h1>
    <p>Build &#8226; Explore &#8226; Share</p>
  </div>
  <img src="images/headers/pano1.jpg" alt=""/>
  <div id="sidebars">
    <aside id="statsidebar"><a href="http://www.gametracker.com/server_info/192.99.18.169:28145/" target="_blank"><img src="http://cache.www.gametracker.com/server_info/192.99.18.169:28145/b_160x400_T1_F-2.png" border="0" width="160" height="275"  alt="" /></a></aside>
    <aside id="infosidebar">
      <h3>Tips</h3>
      <p>Wooden shacks can be destroyed by other players, consider building a base with a foundation, walls and ceiling</p>
      <p>Did you know that a wooden door can be destroyed with enough hits from a hatchet? Consider using metal doors as they require two explosive charges to remove.</p>
      <p>If you die alot consider placing a storage box near your spawnpoint with essential items such as a weapon, cloths and a hatchet for emergencys like this.</p>
      <p>When building be carefull where you place pillars as a misplaced pillar cannot be removed</p>
      <p>The rock you start with is very slow, as soon as you gather some stone and wood try to craft a stone hatchet, its not the best but much faster to use than a rock.</p>
      <p>The bow and arrow makes for a great animal hunting tool early on as arrows are cheap to make, learning to aim with this weapon can prove usefull.</p>
      <p>The list of things you can craft can be expanded by finding blueprints and research kits inside abandoned buildings and radiation zones.</p>
      <p>When entering a radiation...

CSS

body {
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
    height: 100%;
}

@charset "utf-8";
#sidebars {

}
#wrapper {
	min-width: 740px;
	max-width: 1000px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: hsla(30,100%,97%,0.69);
	height: 100%;
	left: auto;
	right: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;


}

html {
	min-height: 100%;
	position: relative;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	margin-left: auto;
	margin-right: auto;
}

.clearfix {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	min-width: 740px;
	max-width: 1000px;
}

#statsidebar {
	float: left;
	padding-left: 10px;
}
#infosidebar {
	float: right;
	max-width: 18%;
	border-style: none none none solid;
	border-width: 2px;
}
#infosidebar p {
	font-size: small;
	background-color: #FFFFFF;
	margin-left: 10px;
	margin-right: 10px;
	text-indent: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
}
dl dt {
	font-style: normal;
	font-weight: 400;
	background-color: #43190F;
	max-width: 25%;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 9px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}
dl dd {
	font-style: normal;
	font-weight: 400;
}
h3 {
	text-align: center;
	font-size: xx-large;
	text-transform: uppercase;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	text-shadow: 0px 0px;
}
.centered {
	margin-left: auto;
	margin-right: auto;
}
body {
}

#mainnav ul {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	text-indent: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#mainnav a {
	width: 20%;
	display: block;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	color:...