JSFiddle - React, Tailwind, and code Playground

by cyber cyber

HTML

<div class="portfolio page" id="portfolio">

            <script class="dot-template" data-insert-id="works-list" type="text/x-dot-template">
                {{~it.works :value}}
                <div class="work-prev">
                    <img src="{{=value.imgSrc}}" />
                    <div class="mask flex">
                        <h2 class="list-title">{{=value.title}}</h2>
                        <div class="list-description">{{=value.description}}</div>
                        <a href="#" class="info">Read More</a>
                    </div>
                </div>
                {{~}}
            </script>

            <div id="works-list" class="works-list flex"> </div>

        </div>