Tutoriel n°5 : Stylez votre projet à partir d'un design Figma 

Étape 10 : Styliser les éléments de la page #5

Tous les réglages que vous allez effectuer sont liés aux composants de la grille .

La première chose à faire est de mieux placer les textes de saisie : Dans l'arborescence, cliquez sur"GridRow1". Dans les propriétés, cherchez le champ"Alignement" et mettez-le à"ion-align-items-end".
Cela placera le texte de saisie en bas de cette grille.

Répétez cette opération avec la"GridRow2" et la"GridRow3" en mettant l'alignement à"ion-align-items-center".

Cela rend la page réactive : Vous pouvez changer d'appareil en cliquant sur l'icône du smartphone à gauche de l'App Viewer pour vérifier.

Succès !

Vous avez terminé cette étape avec succès, veuillez cliquer sur le bouton Étape suivante pour passer à l'étape suivante du tutoriel.
Fermer
Vous n'avez pas effectué toutes les actions requises dans cette étape, êtes-vous sûr de vouloir passer à l'étape suivante ?