Grid

Nothing comes close to Grid for flexibility, although its basic use is dead simple. A grid consists of rows and columns. You define the size of each and then fill in the resulting boxes.

By default, all the columns are the same width, and all the rows are the same height. Rows and columns are identified (by default) by their offset starting at column 0, row 0. You can leave out the 0 (it is the default value) but I advise against doing so for readability. (This is the same reason I mark private methods and classes with the private keyword.)

We can recreate the LoginPage page using Grid. Let’s look at the first approximation in full (I’ve left out the resources section, as it is unchanged):

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
    Title="Login Page"
    x:Class="ForgetMeNotDemo.View.LoginPage"
    xmlns="http://schemas.microsoft...