JSFiddle - React, Tailwind, and code Playground

by Andrey K

HTML

<link rel="stylesheet" href="http://semantic-ui.com/dist/semantic.css">
<script src="http://semantic-ui.com/dist/semantic.js"></script>
<div class="ui relaxed large list">             
    <div class="item">
        <i class="file text outline big icon"></i>
        <div class="content">
            <div class="header"><a>text1.txt</a></div>
        </div>
    </div>

    <div class="item">
        <i class="file image outline big icon"></i>
        <div class="content">
            <div class="header"><a>image1.png</a></div>
        </div>
    </div>

    
    <div class="item">
        <i class="file text outline big icon"></i>
        <div class="content">
            <div class="header"><a>text2.txt</a></div>
        </div>
    </div>

    <div class="item">
        <i class="file image outline big icon"></i>
        <div class="content">
            <div class="header"><a>image2.png</a></div>
        </div>
    </div>
</div>

CSS

body {
    padding: 1em;
}

JavaScript

// Add javascript here