JSFiddle - React, Tailwind, and code Playground

by Robert Rozas Navarro

HTML

<div class="sunday">Sunday</div>
<div class="monday">Monday</div>
<div class="tuesday">Tuesday</div>
<div class="wednesday">Wednesday</div>
<div class="thursday">Thursday</div>
<div class="friday">Friday</div>
<div class="saturday">Saturday</div>

JavaScript

$(window).resize(function() {
    console.log($(window).width());
    if ($(window).width() < 950) {
        $( "div.sunday" ).text( "S" );
        $( "div.monday" ).text( "M" );
        $( "div.tuesday" ).text( "T" );
        $( "div.wednesday" ).text( "W" );
        $( "div.thursday" ).text( "T" );
        $( "div.friday" ).text( "F" );
        $( "div.saturday" ).text( "S" );
    }
    else
    {
        $( "div.sunday" ).text( "Sunday" );
        $( "div.monday" ).text( "Monday" );
        $( "div.tuesday" ).text( "Tuesday" );
        $( "div.wednesday" ).text( "Wednesday" );
        $( "div.thursday" ).text( "Thursday" );
        $( "div.friday" ).text( "Friday" );
        $( "div.saturday" ).text( "Saturday" );
     }
});
$(window).trigger('resize');