JSFiddle - React, Tailwind, and code Playground

by cssGuy

HTML

<div id="a"></div>
<div id="b"></div>
<div id="c"></div>

CSS

/* DIFFERENCE BETWEEN % AND VW UNIT */
* {
    margin: 0;
    padding: 0;
}
html {
    overflow-y: scroll;
}
#a {
    height: 50px;
    background-color: red;
}
#b {
    width: 100%;
    height: 50px;
    background-color: green;
}
#c {
    width: 100vw; /* I don't respect scroll-bars */
    height: 50px;
    background-color: blue;
}