JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mobileHide">
  Will hide under 414px (resize)
</div>
<br>
<div class="status">
  Trigger whatever when .mobileHide is visible
</div>

CSS

@media (max-width: 414px) {
  .mobileHide {
    display: none;
  }
  .status {
    display: none;
  }
}

JavaScript

$(window).resize(function() {
  var divDisplay = $('.mobileHide').css("display");
  if (divDisplay === "block") {
    $('.status').css('display', 'block');
    //do stuff
  } else {
    $('.status').css('display', 'none');
  }
});