JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="big_wrapper">#big_wrapper
        <header>Header</header>
        <nav>
            <ul>
                <a href="#"><li>Inicio</li></a>
                <a href="#"><li>Contenido</li></a>
                <a href="#"><li>Contacto</li></a>
                <a href="#"><li>Acerca de</li>
                </a>
            </ul>
        </nav>
        <section>Section
            <div id="col1">
                <div class="title">Un buén título</div>
                <div class="content">
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis, qui, fugiat dolor odit adipisci incidunt atque! Asperiores, totam, odit, consequatur adipisci earum neque dolores illum repellat harum assumenda sequi excepturi hic nostrum eos maxime eveniet minus dolorem nobis eius quidem voluptates cum eum obcaecati blanditiis reiciendis velit unde placeat enim.</p>
                    <p>Ad, temporibus, alias fuga iusto officiis sit aperiam vel eum pariatur aspernatur. Labore, sunt, harum et laboriosam tempore facilis dolore totam suscipit possimus impedit repudiandae doloremque reiciendis ducimus iste officiis sit veritatis dicta quidem sequi porro odio consequatur culpa perspiciatis voluptatum consequuntur. Officia reprehenderit adipisci sequi possimus dolorem ea saepe.</p>
                </div>
            </div>
            <div id="col2">
                <div class="title">Otro</div>
                <div class="content">
                    <p>Architecto, tempora, quidem, at, tenetur labore delectus eos facere cum aliquam omnis voluptas aliquid repudiandae quaerat praesentium fugit laboriosam enim commodi deserunt saepe temporibus necessitatibus dignissimos molestias! Accusantium fugit modi facilis aliquid hic. Sapiente, aut, officia, neque debitis architecto delectus aspernatur iste iusto ullam cum aliquid nobis facere cupiditate libero.</p>
                    <p>Ullam, dicta, ipsam, qui expedita animi ab harum maxime delectus...

CSS

a:link, a:visited{text-decoration: none;}

			*{
				margin: 0;
				padding: 0;
				font-family: verdana;
			}

			#big_wrapper{
				padding: 25px;
				background: #FF0;
				width: 910px;
				margin: 0 auto;
				text-align: center;
			}

					/* Todas las capas dentro del #big_wrapper */
				header, section, footer{
					padding: 10px;
					background: rgba(128,128,128,.5);
					min-height: 100px;
				}

					/* Primera capa principal que se encuentre en medio de #big_wrapper */
				nav{
					border-top: 1px solid black;
					background: rgba(128,128,128,.5);
					text-align: center;
				}

					/* Siguientes capas principales que se encuentren en medio y final de #big_wrapper */
				section{
					border-top: 1px solid black;
					border-bottom: 1px solid black;
					overflow: hidden;
				}

				footer{
					clear: both;
				}

					/* Edición individual */

					li{list-style: none;}

					nav ul li{
						display: inline-block;
						padding: 10px;
					}

					.title{
						border: 1px solid black;

						text-align: left;
					}

					.content{
						border: 1px solid black;
						border-top: 0px solid black;
						text-align: left;
					}

					.title, .content{
						padding: 10px;
					}
					
					#col2 .title, #col2 .content{
						border-left: 0px solid black; 
						border-right: 0px solid black;
					}
					#col1, #col2, #col3{ width: 30%; float: left; margin: 0 auto; }

JavaScript

$(document).ready( function(){
var windowHeight = $(window).height();
var min_resize_height = $(windowHeight).css({ 'min-height': '200px' });
        alert(windowHeight);
        
    var col1_height = $('#col1').css('height');
    var col2_height = $('#col2').css('height');
    var col3_height = $('#col3').css('height');
    
    if (col1_height < col2_height){
        $('#col1').css('height', col2_height);
    }
    
    if (col1_height < col3_height){
        $('#col1').css('height', col3_height);  
    }
    
    if (col2_height < col1_height){
        $('#col2').css('height', col1_height);
    }
    
    if (col2_height < col3_height){
        $('#col2').css('height', col3_height);
    }
    
    if (col3_height < col1_height){
        $('#col3').css('height', col1_height);
    }
    
    if (col3_height < col2_height){
        $('#col3').css('height', col2_height);
    }
    
});