Dans le cours : L’intégration web : Coder un design en HTML et CSS

Accédez à ce cours grâce à un essai gratuit

Inscrivez-vous aujourd’hui pour accéder à plus de 24 600 cours dispensés par des experts.

Ajuster le formulaire sur les écrans les plus larges

Ajuster le formulaire sur les écrans les plus larges

Dans le cours : L’intégration web : Coder un design en HTML et CSS

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Ajuster le formulaire sur les écrans les plus larges

“

Il ne nous reste plus qu'à ajuster notre formulaire de contact pour les écrans les plus larges. Alors que nous dit la maquette Photoshop à ce sujet ? Eh bien sur les tablettes que l'on tient en portrait vous voyez que rien ne change. Le comportement du formulaire de contact est le même que sur les smartphones, à savoir que le formulaire de contact s'étale en largeur sur tout l'espace disponible. Par contre, au niveau de la tablette que je tiens en paysage, là vous voyez que le comportement de mon formulaire de contact va changer. Le formulaire de contact ne prend plus que 50 % de la largeur disponible et il est centré dans la fenêtre. Donc sachant cela, direction notre feuille de style CSS. Vous aurez deviné qu'on travaille dans la Media Query à 992 pixels. Rappelez-vous que dans le FrameWork Bootstrap, c'est celle-là qui définit la mise en forme de vos pages web sur les écrans de tablette quand on tient la tablette au format paysage. Donc dans cette media Query, je vais rajouter un…

Table des matières