JSFiddle - React, Tailwind, and code Playground

by Nitin Grover

HTML

<article>
	<ul>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
		<li>test</li>
	</ul>
</article>
<article style="background: green;">
    Secomd article
</article>

CSS

body { background:yellow;margin:0;padding:0; }
article{
    background: #f5f5f5;
    min-height: 400px;
}

JavaScript

$('article') .css({'height': (($(window).height()))+'px'});
    $(window).resize(function(){
        $('article') .css({'height': (($(window).height()))+'px'});
    });