JSFiddle - React, Tailwind, and code Playground

HTML

<div id="translateContainer">
									<div class="row">
				<div class="left">
					<div class="column" id="column_0">
						<p id="origin_0" class="origin">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard</p>
					</div>
					<p class="key">Lorem Ipsum is simply dummy text</p>
				</div> 
				<div class="right">
					<div class="column" id="column_sec_0">
					     <textarea id="trans_0_val" name="trans_0_val" class="translated">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard</textarea>
					</div>
					<p class="key">Lorem Ipsum is simply dummy text</p>
				</div>
			</div>
						<div class="row">
				<div class="left">
					<div class="column" id="column_1">
						<p id="origin_1" class="origin">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard</p>
					</div>
					<p class="key">Lorem Ipsum is simply dummy text</p>
				</div> 
				<div class="right">
					<div class="column" id="column_sec_1">
					     <textarea id="trans_1_val" name="trans_1_val" class="translated">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard</textarea>
					</div>
					<p class="key">Lorem Ipsum is simply dummy text</p>
				</div>
			</div>
						<div class="row">
				<div class="left">
					<div class="column" id="column_2">
						<p id="origin_2" class="origin">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard</p>
					</div>
					<p class="key">Lorem Ipsum is simply dummy text</p>
				</div> 
				<div class="right">
					<div class="column" id="column_sec_2">
					     <textarea id="trans_2_val" name="trans_2_val" class="translated">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...

CSS

html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline;
		}
		/* apply a natural box layout model to all elements */
		#translateContainer textarea,
		#translateContainer textarea:before,
		#translateContainer textarea:after {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		
		#translateContainer{
			float:left;
			width:650px;
		}


		#translateContainer .row .left{
			width:47%;
			float:left;
			border-left:1px solid #85C2F5;
			border-right:1px solid #85C2F5;
			border-top:none;
		}
		#translateContainer .row .right{
			width:47%;
			float:right;
			border-left:1px solid #85C2F5;
			border-right:1px solid #85C2F5;
			border-top:none;
		}
		#translateContainer .row:last-of-type .right, #translateContainer .row:last-of-type .left{
			border-bottom:1px solid #85C2F5;
		}

		#translateContainer .row .left, #translateContainer .row .right{
			padding:20px 0;
			padding-bottom:0;
		}
		#translateContainer .row .column{
			margin:0;
			padding:0 20px;
		}
		#translateContainer .row p.key{
			padding:10px 20px;
			color:#666666;
			font-size:13px;
		}
		#translateContainer textarea{
			width:96%;
			height: 100%;
			display:block;
			resize:none;
			border:1px solid #85C2F5;
			color:#0080EB;
			font:15px/20px Droid;
			padding:10px 20px;
			margin:0;
		}
		
		#translateContainer .origin{
			padding:10px 15px;
			border:1px solid #85C2F5;
			color:#0080EB;
			font-size:15px;
			line-height:20px;
		}

JavaScript

var len = document.getElementById("translateContainer").children.length;
				
for(var i = 0; i<len; i++)
{
    var height = document.getElementById("origin_"+i).offsetHeight + 'px',
        col1 = document.getElementById("column_"+i),
        col2 = document.getElementById("column_sec_"+i);
    
    console.log(i);
    
    col1.style.height = height;
    col2.style.height = height;
}