How can I set an input box to be responsive to user input?
I want the input box for the whole number to be small, like the size of one number because that's what will most often be typed in. But if the user does type in more than one number, I would like the box to grow so their whole number is displayed.
I've tried using clamp, flex-grow/shrink/basis but nothing is working. I think those things only make it smaller at smaller screen sizes. I have the width set to 80px because that's the only way I've found to make it not obnoxiously big.
Deployed Project: https://mathvisuals.netlify.app/frac-div
Github: https://github.com/mathematiCode/Math-Visual-Library
I've tried using clamp, flex-grow/shrink/basis but nothing is working. I think those things only make it smaller at smaller screen sizes. I have the width set to 80px because that's the only way I've found to make it not obnoxiously big.
Deployed Project: https://mathvisuals.netlify.app/frac-div
Github: https://github.com/mathematiCode/Math-Visual-Library
GitHub
A library of math visuals for K-12, mostly fraction operations - mathematiCode/Math-Visual-Library
