JSFiddle - React, Tailwind, and code Playground

HTML

<div class="kirmizi"></div>
<div class="yesil"></div>

CSS

.kirmizi
{
    position:absolute;
	width:70px;
	height:25px;
    left:70px;
    top:25px;
    background:red;
}
.yesil
{
    position:absolute;
	width:70px;
	height:25px;
    background:green;
}

JavaScript

$(window).resize(function(e)
                 
				{
        			if ($(window).width() > 500)
					{$(".kirmizi").hide(100,function(){$(".yesil").show();});}
					else
					{$(".kirmizi").show(100,function(){$(".yesil").hide();});}
				});
/*Yan taraftaki sayfanın boyutunu değiştirerek farkı görün*/