Zurb Foundation: задать автоматически высоту блока, такую же как и ширина?

Question

[thehighhomie]

Есть какие-либо варианты выравнять высоту блока с шириной? Допустим в контейнере лежит элемент с картинкой:

<div class="grid-x">
    <div class="large-3 cell photo-wrapper">
        <img class="photo" src="img/uphoto.jpeg">
    </div>
</div>

так вот, можно сделать блок с классом .photo-wrapper таким же по высоте как и ширина? чтобы автоматически выставлялась такая высота? и все это хотелось бы сделать с помощью foundation, либо просто в css.

Answer 1

[Ankhena]

Без дополнительных блоков, в один div с псевдоэлементом: https://jsfiddle.net/Ankhena/cLhxv7eq/
(блок с текстом вставлен для примера)