lib/main.dart (titleSection)

Putting a Column inside an Expanded widget stretches
the column to use all remaining free space in the row.
Setting the crossAxisAlignment property to
CrossAxisAlignment.start positions the column at
the start of the row.

Putting the first row of text inside a Container
enables you to add padding. The second child in the
Column, also text, displays as grey.

The last two items in the title row are a star icon,
painted red, and the text “41”. The entire row is in
a Container and padded along each edge by 32 pixels.
Add the title section to the app body like this:

{../base → step2}/lib/main.dart

@@ -14,11 +48,13 @@

14
48

return MaterialApp(

15
49

title: 'Flutter layout demo',