JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<section class = muliticolumn >
        <img class="menuSmall" src="../images/margherita.png" onmouseover="showMargTopp()">
        <h2>Margherita</h2>
        <p id="margTopp">Tomato, mozzarella and basil</p>
    </section>

CSS

#margTopp{display:none;}

JavaScript

function showMargTopp() {
        document.getElementById("margTopp").style.display="block";
    }