JSFiddle - React, Tailwind, and code Playground

by danield770

HTML

<div id="container">
    <div id="inner-container"></div>
</div>

CSS

*
{
    margin:0;padding:0;
}

#container {
    width: 500px;
    height: 500px;
    background: gray;
    margin: auto;
}

/* here's the container that I want to be 100% */
#inner-container {
    //width: 100%; /* :( */
    height: 100px;
    background: black;
    width: 100vw;
    margin-left: calc(250px - 50vw);
}