Step 6: Center elements in your grid
Now that grid sizing has no longer secret for you, let's see how you can interact with the content you put in the grid (in this case the numbers 1 to 12) :
Put your grid and grid row height as "Not set" in the properties so that it adapts to the height of the columns content.
Then, in the palette, look for the "Format Layout" component. This is the component that will position the text in your element (the grid in this case).
Drag & drop this Format Layout in the "Grid" element, then simply change the general "Alignment" property to "ion-text-center"