# Right Height

Dynamically set content areas of different lengths to the same height. Right Height now supports nested content areas.

<hr>

## Demo

<div class="row" data-right-height>
	<div class="grid-third">
		<div class="hero" data-right-height-content>
			<h2>Content 1</h2>
			<p>The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick quartz, vex nymphs.</p>
		</div>
	</div>
	<div class="grid-third">
		<div class="hero" data-right-height-content>
			<h2>Content 2</h2>
			<p>Waltz, bad nymph, for quick jigs vex! Fox nymphs grab quick-jived waltz. Brick quiz whangs jumpy veldt fox. Bright vixens jump; dozy fowl quack. Quick wafting zephyrs vex bold Jim. Quick zephyrs blow, vexing daft Jim. Sex-charged fop blew my junk TV quiz. How quickly daft jumping zebras vex. Two driven jocks help fax my big quiz.</p>
		</div>
	</div>
	<div class="grid-third">
		<div class="hero" data-right-height-content>
			<h2>Content 3</h2>
			<p>Quick, Baz, get my woven flax jodhpurs! "Now fax quiz Jack!" my brave ghost pled. Five quacking zephyrs jolt my wax bed. Flummoxed by job, kvetching W. zaps Iraq. Cozy sphinx waves quart jug of bad milk. A very bad quack might jinx zippy fowls.</p>
		</div>
	</div>
</div>