JSFiddle - React, Tailwind, and code Playground

by Frank van Puffelen

HTML

<div class="section white" id="work">
<div class="maincontent2"></div>
<section class="main">  
            <ul class="ch-grid">
                <li>
                    <div class="ch-item">               
                        <div class="ch-info">
                            <div class="ch-info-front ch-img-1"></div>
                            <div class="ch-info-back" id="graphiccircle">
                                <h3><a href="index.html#graphicdesign">Graphic Design</a></h3>
                                <p>Graphic/Typography<a href="index.html#graphicdesign">View</a></p>
                            </div>  
                        </div>
                    </div>
                </li>
</ul>

        </section>
</div>

JavaScript

$(function() {
    $('h3 a').bind('click',function(e){
        var $anchor = $(this);
        $('html, body').stop().animate({
            scrollLeft: $(this).offset().left, scrollTop: $(this).offset().top
        }, 1500, 'easeInOutExpo');
        e.preventDefault();
        return false;
    });
});