JSFiddle - React, Tailwind, and code Playground

HTML

<div class="forumview">
    
    <div class="forumviewpost">
  
	  <div class="forumviewleft">
	  
	   <div class="forumviewavbg">
	   
	    <div class='forumviewavatar' style='background-image: url(http://38.media.tumblr.com/b363baab2a7b1a9f8dc5cfbf35f98e8b/tumblr_inline_mrmfx9BO1g1qz4rgp.gif)'><div><a class="Three" href="profile.php?id=2">Mila Endreer</a> <br /> </div></div>
	     
	    </div><div class="forumviewposter" style="background-image: url(http://176.32.230.1/elysiumrpg.com/images/forum-view/forumview3.png)">
		 
	<div><strong> Codesexual</strong>
	
	<br />FEMALE, AGE 24<br />

	  24 COMMUNICATIONS<br />
	  
	  		 
	  ACTIVE SERVICE<br /> 
	  
	  </div>
	  
	  </div><div class="forumviewbadges">

                                 <div> 
                                 <img src="http://176.32.230.1/elysiumrpg.com/images/buttons/founder.png" alt="founder" />
                                 <img src="http://176.32.230.1/elysiumrpg.com/images/buttons/founder.png" alt="founder" />
			</div>
		
	   </div><div class="forumviewedge"></div>
			
			</div><div class="forumviewright">
			
			<div class="forumviewtop">
			
			<div>DISTRICT 3<br />COMMUNICATIONS SYSTEM</div>
			
			</div>
			
			<div class="forumviewtitle">
	   
	     <div>TITLE<br />
		 
		 <span style="font-size:13px;">SENT: date</span></div>
		 
		 </div>

<div class="forumviewmessage">
	   
	<div id="msg2">
	     LOTS OF TEXT
	</div>
	
	</div>
<div class="forumviewsignature">
      
            <div> <img src="http://elysiumrpg.com/naomi/mila.png" alt="mila" /></div>
		 
	   </div>
	  
	  </div> 
	  
	  </div>	

</div>

CSS

body {
  background-color: #262626;
  color: #ffffff;
  }
  
.forumview {
  width: 787px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.forumviewpost {
  	display: flex;
	display: -webkit-flex;
  height: 100%;

}

.forumviewpost div {
	display: inline-block;
}

.forumviewleft {
	width: 210px;
	min-height: 100%;
	position: relative;
	display: flex;
	display: -webkit-flex;
  	flex-direction: column;
	-webkit-flex-direction: column;
    	-webkit-order: 1;
    	order: 1;
    	-webkit-flex: 0 1 auto;
    	flex: 0 1 auto;
        background-color: red;
  //	background: tomato;
}

.forumviewright {
	width: 577px;
	min-height: 100%;
	position: relative;
	-webkit-order: 2;
    	order: 2;
    	-webkit-flex: 0 1 auto;
    	flex: 0 1 auto;
    background-color: yellow;


  //	background: tomato;
}

.forumviewtop {
	background-image: url(http://176.32.230.1/elysiumrpg.com/images/forum-view/forumviewtop.png);
	width: 577px;
	height: 73px;
	background-repeat: no-repeat;
	font-size: 11px;
}

.forumviewtop div {
	padding-left: 77px;
	padding-top: 35px;
}

.forumviewtitle {
	background-image: url(http://176.32.230.1/elysiumrpg.com/images/forum-view/forumviewtitle.png);
	width: 577px;
	height: 67px;
	background-repeat: no-repeat;
}

.forumviewtitle div {
	width: 100%;
	height: 100%;
	color: #000000;
	font-size: 20px;
	padding-left: 17px;
	padding-top: 10px;
}	

.forumviewavbg {
	background-image: url(http://176.32.230.1/elysiumrpg.com/images/forum-view/forumviewavbg.png);
	background-repeat: no-repeat;
	width:210px;
	height:210px;
}	
	
.forumviewavatar {
	margin-top: 11px;
	margin-left: 11px;
	width: 198px;
	height: 198px;
	border-top-left-radius: 10px;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: 200px 200px;
	align-self: flex-start;
	-webkit-align-self: flex-start;
}

.forumviewavatar div {
	background-image: url(http://176.32.230.1/elysiumrpg.com/images/forum-view/forumviewavname.png);
	width: 100%;
	height: 100%;
	margin-top:...