JSFiddle - React, Tailwind, and code Playground

by Stéphane LEGRAND

HTML

<body>
    <section>
        <ul>
            <li><a href="#">Lien ou image</a></li>
            <li><a href="#">Lien ou image</a></li>
            <li><a href="#">Lien ou image</a></li>
            <li><a href="#">Lien ou image</a></li>
            <li><a href="#">Lien ou image</a></li>
            <li><a href="#">Lien ou image</a></li>
            <li><a href="#">Lien ou image</a></li>
            <li><a href="#">Lien ou image</a></li>
            <li><a href="#">Lien ou image</a></li>
            <li><a href="#">Lien ou image</a></li>
            <li><a href="#">Lien ou image</a></li>
            <li><a href="#">Lien ou image</a></li>
            <li><a href="#">Lien ou image</a></li>
            <li><a href="#">Lien ou image</a></li>
            <li><a href="#">Lien ou image</a></li>
        </ul>
    </section>
</body>

CSS

body {
    background:#ffffff;
}

section {
    background:#f1f1f1;
    border:#ccc 1px solid;
    margin:0 auto;
    width:60%;
    padding: 0.5em;
}

ul {
    list-style:none;
}

ul li {
    background:#dfdfdf;
    border:#666 1px solid;
    margin:5px;
    display:inline-block;
    width:85px;
    height:85px;
}

li a {
    color:#ffffff;
    text-decoration:none;
}

li a:hover {
    color:#ccc;
}