Pin field in 320px

[Daniel-Sainero]

Goal

poder usar el componente PinField con 6 o 7 dígitos y que en resoluciones de 320px de ancho no aparezca scroll horizontal

Context

Hemos intentado incluir el componente PinField en nuestros proyectos, pero hemos visto que en mobile con 320px y cuando se le pasa un length de 6 o 7, el componente es demasiado ancho y obliga a usar scroll horizontar

Impact

Poder usar el componente PinField tanto en desktop como en mobile (a 320px)

Discussion Questions

¿Sería posible cambiar el tamaño dependiendo del número que se le pasa en el length?

Additional considerations

https://mistica-web.vercel.app/playroom#?code=N4Igxg9gJgpiBcIA8AFAlgOwGJpgGygAI8YMBzAFwAsBeAHRADYHCMBDAWxnpAgoAcWbAE5o2AWjxsARvh4B5ACooWAegB8dDCAA0IajC4BnBAG0Q8gEwB9AHIwA7iAC6eh2ijUT8UwGZLAAw6AIwBlgAszgC%2BQA

Do you have a visual proposal?

No response

[HectorSancho]

Hi! @Daniel-Sainero to better understand the impact and possible solution, can you attach a drawing or screenshot of the actual problem? It would help us to put the problem in context.

Also a couple of questions:

How many digits do you need in this particular use case?

And do you have analytics data on how many of your users are using devices with a width of 320 px?