JSFiddle - React, Tailwind, and code Playground

by iii l

HTML

<div class="row">
 <article>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue convallis volutpat. Phasellus sagittis rhoncus lectus, non euismod purus fermentum et. Curabitur sit amet nunc nisl. Phasellus eget metus quis odio consectetur accumsan. Donec id ligula ut sem pellentesque tincidunt. Donec pulvinar et ipsum sed tincidunt. Aenean non diam in metus pulvinar gravida sed sit amet mauris. </article>
 <article class='full'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue convallis volutpat. Phasellus sagittis rhoncus lectus, non euismod purus fer mentum et. Curabitur sit amet nunc nisl. Phasellus eget metus quis odio consectetur accumsan. Donec id ligula ut sem pellentesque tincidunt. Donec pulvinar et ipsum sed tincidunt. Aenean non diam in metus pulvinar gravida sed sit amet mauris. </article>
 <article>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue convallis volutpat. Phasellus sagittis rhoncus lectus, non euismod purus fermentum et. Curabitur sit amet nunc nisl. Phasellus eget metus quis odio consectetur accumsan. Donec id ligula ut sem pellentesque tincidunt. Donec pulvinar et ipsum sed tincidunt. Aenean non diam in metus pulvinar gravida sed sit amet mauris. </article>
 <article>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue convallis volutpat. Phasellus sagittis rhoncus lectus, non euismod purus fermentum et. Curabitur sit amet nunc nisl. Phasellus eget metus quis odio consectetur accumsan. Donec id ligula ut sem pellentesque tincidunt. Donec pulvinar et ipsum sed tincidunt. Aenean non diam in metus pulvinar gravida sed sit amet mauris. </article>
</div>

CSS

* {margin:0;padding:0;}
.row {
    width:940px;
    background:green;
}
article {
    background:red;
    margin-top:30px;
}
article.full {
    background:blue;   
}

JavaScript

$('.full').width($(window).width());
$(window).resize(function(){
    $('.full').width($(this).width());
});