CSS sur iPhone 6 - Pourquoi les DIV ne s'alignent-elles pas?

Question

Je construis une page de destination optimisée pour les utilisateurs de l'iPhone, et j'ai de la difficulté à aligner correctement les champs de mon formulaire et le bouton du formulaire. Les choses vont bien sur mon ordinateur (en utilisant la dernière version de Chrome), mais sur Chrome et Safari sur iPhone, le bord droit du bouton "Get My Music" ne correspond pas aux champs de formulaire Nom et adresse. Voici la page:

http://radionowheresongs.com/ig2017.html

Je suppose que la cause est un peu gremlin peu de CSS simple que je ne peux pas trouver - des pensées?

Merci!

Answer 1

Je l'ai travaillé, ajoutez les éléments essentiels suivants:

.af-element.buttonContainer { 
    width: 100%; 
} 

div#af-form-793499238 { 
    width: 100%; 
    display: grid; 
} 

L'affichage on pourrait être:

display: flex; 
    display: inline-grid; 
    display: inline-flex; 

Toute personne travaille.

Laissez-moi savoir si cela fonctionne pour vous.

Merci.