JSFiddle - React, Tailwind, and code Playground

by webjoule

JavaScript

$(document).ready(function() {

    var $container = $(".masonry-container");
    $container.imagesLoaded(function () {
        $container.masonry({
            columnWidth: ".item",
            itemSelector: ".item"
        });
    });

    $('.masonry-container a').magnificPopup({
       type: 'image',
       // other options
       gallery: {
       enabled:true
      }
  });
});
//Nicescroll jQuery plugin for a better scroll on desktop and mobile device
$(function() {
    $("html").niceScroll({
        scrollspeed: 60,
        mousescrollstep: 45,
        cursorwidth: 10,
        cursorborder: 0,
        cursorcolor: '#0342d4',
        cursorborderradius: 2,
        autohidemode: false,
        horizrailenabled: false
    });

  $('html').addClass('no-overflow-y');
});