CODEWITHSUNDEEP
htmlcss
Gustavo Rios
Gustavo Rios

Reputation: 81

<figcaption> not displaying

I would like to know why is my figcaption not displaying

I'm doing the usual code:

<a href="https://en.wikipedia.org/wiki/Fimmv%C3%B6r%C3%B0uh%C3%A1ls" 
            target="_blank" class="grid-box">

            <img class="grid-img" 
            src="https://www.extremeiceland.is/media/8354/lava.jpg" 
            alt="Fimmvörðuháls">

            <figcaption>Fimmvörðuháls</figcaption>
 </a>

A screenshot: http://prntscr.com/kfinwm

Here's the codepen: https://codepen.io/don0ts/pen/ajayZE

Upvotes: 1

Views: 1449

Answers (1)

TazTheManiac
TazTheManiac

Reputation: 402

Your images are wrapped in an <a> tag, which has the class .grid-box which in turn, has its overflow set to hidden.
Try to remove overflow: hidden from .grid-box.

Upvotes: 1

Related Questions