🔥 3 CSS tips for styling <textarea> you probably didn't know about

ask and ye shall receive tailwind

new CSS unit unlocked: ex

@_hariti Ex gonna give it to ya

You can reset the box-sizing to content-box so you don't have to deal with padding inside the height calculation. By the way, what about using "1cap" instead of "1ex"?

yeah, but then you are doing a calculation for with the width to account for the padding. width: auto; works, but the other setting of field-sizing: content; causes it to shrink as soon as you type i it

Oooo that 1lh-1ex value sounds really handy for things like this. Do you think a new unit would make sense here that literally? 👀

Im not sure Ive ever needed it before today, so probably not, but ill see if it pops up again

This is so cool and nerdy. Love it 🙌 Don’t want to make this about Tailwind but it’s one of the things you miss out on (unless you use really long arbitrary values..?)

I've been working with CSS for over a decade and I'm constantly learning new things you can do with it. 😅

For the first time, I watched a video with the title X tips for … and actually learned 2X things 😅