JSFiddle - React, Tailwind, and code Playground

HTML

<div class="c1">
    C1
    <br /><br />
</div>
<div class="fullWidth">
    <div class="c2">
        C2 <br /><br />
        HOW TO MAKE THIS FULL-WIDTH OF PAGE??
    </div>
</div>
<div class="c1">
    C1
    <br /><br />
</div>
<div class="fullWidth">
    <div class="c2">
        C2 <br /><br />
        HOW TO MAKE THIS FULL-WIDTH OF PAGE?? 2222
    </div>
</div>
<div class="c1">
    GHGHJKVHKhVHJVK
</div>

CSS

body { background-color: #e0e0e0; }
.c1 { width: 500px; height: 30px; margin: auto; background-color: #c0c0c0; }
.c2 { margin: 0px; text-align: center; background-color: #a0a0a0; }
.fullwidth { width: 100%; }