JSFiddle - React, Tailwind, and code Playground

by ds345

HTML

<table id="downloads">
    <tr>
         <td class="imgbg"><a href="#"><div class="download-icon"></div></a>
        </td>
        <td class="comment-icon" onclick="window.location='http://www.google.co.in'"></td>
        <td class="icon"></td>
    </tr>
</table>

CSS

#downloads .download-icon {
    background: purple;
    width: 39px;
    height: 28px;
    display: inline-block;
    margin: 13px 0px 0px 10px;
}
#downloads .comment-icon:hover {
    cursor: pointer;
}
#downloads .comment-icon {
    background: green;
    width: 39px;
    height: 34px;
    display: inline-block;
    margin: 24px 0px 0px 20px;
}
#downloads .icon {
    background: blue;
    width: 39px;
    height: 28px;
    display: inline-block;
    margin: 13px 0px 0px 10px;
}
#downloads .icon:hover {
    cursor: pointer;
}

JavaScript

$(document).ready(function () {
    $('.icon').click(function () {
        alert('blue-theme');
    });
});