JSFiddle - React, Tailwind, and code Playground

by Kelly Hawker

HTML

<div class="swap1">LEFT</div>
<div class="swap2">RIGHT</div>

CSS

.swap1 { width:80%; float:left; background:red; }
.swap2 { width:20%; float:left; background:blue; }

JavaScript

$(window).on('resize', function (event) {
            var windowWidth = $(window).width();
            if (windowWidth < 768) {
                jQuery(".swap2").after(jQuery(".swap1"));
            }
        });