JSFiddle - React, Tailwind, and code Playground

by grammar

HTML

<div id="wrapper">
    <div class="ad">
        <p class="ad-text">This is some ad content</p>
    </div>
</div>

JavaScript

var mediaQuery = "@media screen and (min-width:124px) { .ad-text { width: 65%; color: red; } }",
    $wrapper = $('.ad'),
    $style = $('<style>');

$style[0].textContent = mediaQuery;
$wrapper.prepend($style);