JSFiddle - React, Tailwind, and code Playground

by andy_h

HTML

<ul id="admin-info">
    <li>List item 1</li>
    <li>List item 2</li> 
</ul>

CSS

#admin-info{margin:10px}
#admin-info li{margin:0 0 5px 0}

JavaScript

//Nää kaks riviä on siks että saa leveyden tohon heti
//muuten se tulee siihen vaan kun muuttaa ikkunan kokoa
var firstWidth = $(window).width();
$('#admin-info').append('<li id="width">Width: ' + firstWidth + 'px</li>');

$(window).resize(function() {

    var winWidth = $(window).width();

    $('#width').text('Width: ' + winWidth + 'px');

});