[Solved] How to fix this sudden change in size

Question

Hello learners,
I'm facing a problem in my HTML and CSS code. That is whenever the input field is getting clicked it get shrink. I'm unable to get how do i solve this issue.
So if you know how to solve it please let me know.
Thank you ! 🌹

Here's my code

https://code.sololearn.com/WO2c2TSNM59c/?ref=app

Answer 1

Yes it is solved, if you're facing this problem...just change value of min-width and min-height from "vh/vw" to "em"

Answer 2

I saw your code but there's no such issues

Answer 3

Then where's the problem ? Or if no issue then how could i fix their size ?

Answer 4

Both didn't work guys 🙄

Answer 5

proper solution;

your input box {

border:none;
outline:none;
padding:12px 55px;

}