Can we add Height equal width ?

[IRediTOTO]

Hi, I have an image like this
<img src=".." class="w-1/8 " /> can we have a class like this? <img src=".." class="w-1/8 h-eqw" /> h-eqw = height = width
Just an idea to consider. Thank you. I love Tailwind <3

[ThaddeusJiang]

good idea

[MathGeniusJodie]

what would the generated css look like? this isn't exactly an easy problem to solve

[IRediTOTO]

:)) https://css-tricks.com/a-couple-of-use-cases-for-calc/
Here is it, but i dont think it work.

[crypt0legendx]

Hi, I have an image like this <img src=".." class="w-1/8 " /> can we have a class like this? <img src=".." class="w-1/8 h-eqw" /> h-eqw = height = width Just an idea to consider. Thank you. I love Tailwind <3

It's good idea, but here is any update?

[alex-krasikau]

The size utility class will be included in the next release: #12287

[CodeAunt]

aspect-square works for me

[crypt0legendx]

Perfect!

[huanghanzhilian]

Thank you for your solutions and ideas, which helped me solve problems on an open source project: https://github.com/huanghanzhilian/c-shopping-rn

[MURHAF-ELMASRI]

To make the height the same as the width in Tailwind, you can use the aspect-square class. This will ensure the element maintains a 1:1 aspect ratio.