Widget City · Module 1
Layout Lab
Flutter layouts are built from three core widgets: Container (a single-child box), Row (horizontal), and Column (vertical). Nesting them is how every real Flutter screen is built.
Complete all 8 mini-games to unlock Text & Icons.
Complete all 8 mini-games to unlock Text & Icons.
The three layout kings
Container
Hello
Container
A box with one child — add color, size, and padding.
Row
A
★
B
Row
Lines children up horizontally, side by side.
Column
Title
Subtitle
★
Column
Stacks children vertically, top to bottom.
Progress
0 / 8 mini-games solved
Stage 1
Widget Matcher
Match each widget name to its animated preview.
Click a widget name to select it, then click the preview that matches it.