Make Input as Flex Item

By default, when you try to make <input> as flex item, it won't work.

This is because <input> has min-width value by default, thus it will not size similarly even if you add flex: 1 to it and its sibling.

To fix that, add min-width: 0 to the input, and it should works nicely.

Topics

  • css