JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div id="wrap">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vestibulum, magna sed congue iaculis, metus orci rutrum tellus, condimentum convallis mauris erat sit amet tellus. Proin porta lacus sed purus fringilla tempor. Duis ut libero non sem tempor laoreet. Aliquam ut mollis elit. Nullam in lectus eget erat consectetur viverra sit amet eu nulla. Phasellus mollis dolor quis sapien suscipit sagittis. Suspendisse viverra iaculis vulputate. Duis molestie, quam ut mollis porttitor, purus nibh pellentesque quam, sed pulvinar sem diam id ipsum. Etiam sed blandit ipsum. Cras ullamcorper varius ipsum vitae malesuada.
</div>

CSS

#wrap {
    width: 300px;
    background: #e1e1e1;
}

@media ( min-width: 300px ) {
    #wrap {
        width: 100%;
        max-width: 600px;
        background: red;
    }
}