JSFiddle - React, Tailwind, and code Playground

by Ulrich Bangert

HTML

<section>
        <a class="a-modul" href="arbeit01.html">

            <h4 class="header-tabelle">
                <span class="table-row">
                    <span class="table-cell">
                        Arbeit, 2012 xxx
                    </span>
                </span>
            </h4>
            <figure>
                <img src="http://webentwicklung.ulrichbangert.de/images/2015-02-28_Gegensteine_03.jpg"
                    alt="Arbeit, 2012">
            </figure>

        </a>
        <p>
            Performance
            <span>Kunsthalle Münster,</span>
            <span>Speicher II, Münster</span>
        </p>
    </section>

CSS

section a {
            text-decoration: none;
            display: inline-block;
        }

        section a:hover {
            /* background-color: whitesmoke; */
            background-color: lightgray;
        }

        section a:hover span.table-cell {
            text-decoration: underline;
            color: black;
        }

        section a:hover figure img {
            opacity: 0.6;
        }