Tutorial n°5 : Style your project from Figma design

Step 10 : Style your page elements #5

All the styling you are about to make is linked with the Grid components.

The first thing to do is to place the input texts better : In the Treeview, click the "GridRow1". In the properties, look for the "Alignement" field and set it up to "ion-align-items-end".
It will place the input text at the bottom of this grid.

Repeat this operation with the "GridRow2" and the "GridRow3"by putting the alignment to "ion-align-items-center".

That make the page responsive : You can switch devices by clicking the smartphone icon at the left of the App Viewer to verify.

Success !

You successfully completed this step, please click the Next Step button to go to next tutorial step
You did not complete all the actions required in this step, are you sure you want to go to the next step ?