JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://isotope.metafizzy.co/jquery.isotope.min.js"></script>
<div id="megamenu1" class="megamenu">
        <div class="column">
            <h3>
                Web Development</h3>
            <ul>
               <li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
                <li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
                <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
                <li><a href="http://www.codingforums.com">Coding Forums</a></li>
                <li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
                <li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
                <li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
                <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
                <li><a href="http://www.codingforums.com">Coding Forums</a></li>
                <li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
                <li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
                <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
                <li><a href="http://www.codingforums.com">Coding Forums</a></li>
                <li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
            </ul>
        </div>
        <div class="column">
            <h3>
                News Related</h3>
            <ul>
                <li><a href="http://www.cnn.com/">CNN</a></li>
                <li><a href="http://www.msnbc.com">MSNBC</a></li>
                <li><a href="http://www.google.com">Google</a></li>
                <li><a href="http://news.bbc.co.uk">BBC News</a></li>
                <li><a href="http://www.google.com">Google</a></li>
                <li><a href="http://news.bbc.co.uk">BBC News</a></li>
                <li><a href="http://news.bbc.co.uk">BBC News</a></li>
                <li><a...

CSS

.megamenu{
position: absolute;

left: 0;
top: 0;
background: white;
border: 1px solid #f06b24;
border-width: 5px 1px;
padding: 10px;
font: normal 12px Verdana;
z-index: 100;
width:805px;

}

.megamenu .column{
float: left;
width: 180px; /*width of each menu column*/
margin-right: 5px;
    margin-bottom: 10px;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding-bottom: 5px;
}

.megamenu .column h3{
background: #e0e0e0;
font: bold 13px Arial;
margin: 0 0 5px 0;
}

.megamenu .column ul li a{
text-decoration: none;
}

.megamenu .column ul li a:hover{
color: red;
}

JavaScript

$(function() {

    var $container = $('.megamenu');

    $container.isotope({
        itemSelector: '.column'
    });


});