Next, diagram each row. The first row, called the Title
section, has 3 children: a column of text, a star icon,
and a number. Its first child, the column, contains 2 lines of text.
That first column takes a lot of space, so it must be wrapped in an
Expanded widget.

The second row, called the Button section, also has
3 children: each child is a column that contains an icon and text.

Once the layout has been diagrammed, it’s easiest to
take a bottom-up approach to implementing it.
To minimize the visual confusion of deeply nested layout code,
place some of the implementation in variables and functions.

Step 2: Implement the title row

First, you’ll build the left column in the title section.
Add the following code at the top of the build()
method of the MyApp class:

lib/main.dart (titleSection)