JSFiddle - React, Tailwind, and code Playground

HTML

<center>
    <div class="photos-wrapper" id="detailPhoto-068359036398824132_6546541189">
        <div class="pseudo"> <a href="#/000000/">PHOTO 1</a>

        </div>
    </div>
    <div class="photos-wrapper" id="detailPhoto-here are ALWAYS RANDOM NUMBERS as above">
        <div class="pseudo"> <a href="#/2121212/">PHOTO TWO</a>

        </div>
    </div>
    <div class="photos-wrapper" id="detailPhoto-here are ALWAYS RANDOM NUMBERS as above">
        <div class="pseudo"> <a href="#/383838/">PHOTO 5</a>

            <p>L</div>
    </div>
    <div class="photos-wrapper" id="detailPhoto-here are ALWAYS RANDOM NUMBERS as above">
        <div class="pseudo"> <a href="#/02102058/">PHOTO 10</a>

        </div>
    </div>
    <div class="photos-wrapper" id="detailPhoto-here are ALWAYS RANDOM NUMBERS as above">
        <div class="pseudo"> <a href="#/000000/">PHOTO 1</a>

        </div>
    </div>
    <div class="photos-wrapper" id="detailPhoto-here are ALWAYS RANDOM NUMBERS as above">
        <div class="pseudo"> <a href="#/9074188/">PHOTO 100</a>

        </div>
    </div>

CSS

body {
    font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    font-weight: 300;
    background: #0C021A;
}
* {
    padding: 0;
}
.photos-wrapper, .photos-wrapper:nth-child(n), .photos-wrapper:nth-child(2n), .photos-wrapper:nth-child(3n), .photos-wrapper:nth-child(4n) {
    display: inline-block;
    width:1in;
    height:1.2in;
    padding: 3%;
    margin: 3%;
    cursor:none;
    position: relative;
    background: #202629;
    border-radius: 3mm;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    box-shadow: 0 0 60px #fff;
}
.photos-wrapper:hover, .photos-wrapper:before {
    box-shadow: 0 0 90px #3b96d4;
}
.photos-wrapper .pseudo {
    width: auto;
}
.photos-wrapper .pseudo {
    float: right;
}
.photos-wrapper .pseudo, .photos-wrapper .source {
    font-size: 11px;
    line-height: 1.5;
    margin-bottom: 5px;
    color: #bababa;
}
.photos-wrapper .pseudo a, .photos-wrapper .pseudo .nolink {
    color: #fff;
    max-width: auto;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 14px;
    font-size: 13px;
    /*81AB00*/
}
body * {
}
a {
    text-decoration: none;
    border: 0;
}