JSFiddle - React, Tailwind, and code Playground

by grantgibson

HTML

<div style="width: 950px; float: left;">
<div style="width: 20px; float: left;">&nbsp;</div>
<div style="width: 910px; float: left; color: #37444D; padding-top: 20px; font-size: 18px;">Hello world</div>
</div>

CSS

.width950 {
    width: 950px;
}

@media screen and (max-width: 980px) { 
    /* smaller screen */
    .width950 {
        width: 100%;
    }
}

JavaScript

$("div").each(function() {
    var w = $(this).width();
    $(this).addClass("width" + w);
    $(this).removeAttr("style");
});