JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <a href="http://blogs.wsj.com/chinarealtime/2014/04/15/how-a-chinese-company-built-10-homes-in-24-hours/">&nbsp;</a>
    <a href="http://www.kurzweilai.net/low-cost-compact-optics-that-turn-a-smartphone-into-a-powerful-portable-microscope">&nbsp;</a>
    <a href="http://www.cnet.com/news/spacex-successfully-launches-falcon-9-rocket-carrying-crucial-cargo-to-iss/">&nbsp;</a>
    <a href="http://www.theatlantic.com/technology/archive/2014/04/scientists-discover-how-to-generate-solar-power-in-the-dark/360679/">&nbsp;</a>
    <a href="http://scitechdaily.com/engineers-develop-video-game-controller-can-sense-players-emotions/">&nbsp;</a>
    <a href="http://connect.dpreview.com/post/0855468911/google-applies-for-contact-lens-camera-patent">&nbsp;</a>
    <a href="http://www.bbc.com/news/technology-27021291">&nbsp;</a>
    <a href="http://scitechdaily.com/researchers-develop-spaser-made-graphene-carbon-nanotubes/">&nbsp;</a>
    <a href="http://bgr.com/2014/04/18/mit-fingerreader-wearable-gadget/">&nbsp;</a>
</div>

CSS

.container {
    background: url("http://i.imgur.com/5Qr3FaQ.png");
    width: 1570px;
    height: 1180px;
    padding: 206px 22px 0 22px; /* top right bottom left */
    overflow: scroll;
}

.container a {
    display: inline-block;
    width: 508px;
    height: 246px;
    margin: 7px 4px 7px 4px;
    text-decoration: none;
    /* background: red; */ /* debug link position */
    opacity: 0.5;
}

.container a:hover {
     background: #fff;  
     opacity: 0.10;
}

.container a.reddit-link {
    height: 150px;
    width: 520px;
}