Como corrigir corretamente inconsistências de CSS em navegadores de desktop e móveis? - css, móvel, design responsivo

Eu estou projetando este formulário de login usando o Grade responsiva de GGS (CSS) e, embora pareça bacana em navegadores de desktop, ele quebra miseravelmente em navegadores de dispositivos móveis (por exemplo, navegador da Web Android, Mobile Safari, etc.). Como devo corrigir essa inconsistência corretamente?

_{Acima: layout quebra no Mobile Safari (à esquerda), mas não em navegadores de desktop como o Chrome (à direita).}

Respostas:

Eu resolvi o problema removendo o width parâmetro dos botões, uma vez que, de alguma forma, parece ser interpretado de forma diferente em ambos os navegadores móveis e de desktop em resoluções móveis.