Little bit confused by this input width behaviour

You know how people go 'nose-blind' when there's a smell around for too long? Yeah, I think that's what's happened here... 😁 This was just me creating a small example for another separate question, when input elements fecked me off again, so... ...anyone know why the second price slider's min and max elements are overflowing their w-1/2 style, even though the other examples on the page aren't? I must just be being blind https://codepen.io/nwoodward/pen/wvYjeev?editors=1100
nick
CodePen
wvYjeev
...
4 Replies
Zoë
Zoë2y ago
Did you forget to copy the classes over .range-input .range-min .range-max?
JWode
JWodeOP2y ago
ah sorry, i should've been specific - I'm trying to recreate the top element (css) with the bottom (tailwind) But maybe - let me check 🙂
Zoë
Zoë2y ago
Ah I see
JWode
JWodeOP2y ago
Like it's a really minor problem - because the last element has obviously solved it, but it's annoying me why that 2nd example isn't splitting the div in half... -------- huh. w-full on the inputs solved it. I guess the inputs have a default width larger than half the div, and it takes precedent So is it right to say that inputs don't default to 100% width like other elements
Want results from more Discord servers?
Add your server