Bug em Responsivo

[kurybr]

Problema com Screen pequenas (iOS)

Não encontrei o lugar correto para abrir essa Issue então estou abrindo por aqui mesmo, o código de checkout de vocês, no arquivo https://assets.pagar.me/checkout/style/pagarme-ui.css?version=5 Linha: 242

Insere um margin-bottom de 350px, o que para alguns dispositivos (o problema no meu caso foi com o iphone 5, o Jump up do keyboard está jogando os elementos para fora da tela.

Notei que o mediaquery está pegando apenas para dispositivos que são menores que 1024px, seria bom adicionar um media para dispositivos menores, que 500px, onde 350 é mais que 50% da tela, e o Jump up desse pode quebrar a experiencia do usuário.

minha sugestão é adicionar um breakpoint em max-width: de 420px removendo o margin-bottom.

[lucasjs]

Olá @kurybr, tudo bem? Você consegue tirar um printscreen desse bug?