Flutter : Main Axis VS Cross Axis

 import 'package: flutter/material.dart';

void main(List<String> args) {

  runApp(MaterialApp(

    home: Scaffold(

      body: Center(

        child: Column(

          mainAxisAlignment: MainAxisAlignment.start,

          crossAxisAlignment: CrossAxisAlignment.stretch,

          children: [

            Container(

                color: const Color.fromARGB(255, 228, 12, 153),

                height: 100,

                width: 200,

                child: const Center(

                  child: Text(

                    "child 1",

                    style: TextStyle(fontWeight: FontWeight.bold),

                  ),

                )),

            Container(

                color: const Color.fromARGB(255, 5, 133, 16),

                height: 100,

                width: 250,

                child: const Center(

                  child: Text(

                    "child 1",

                    style: TextStyle(fontWeight: FontWeight.bold),

                  ),

                )),

            Container(

                color: const Color.fromARGB(255, 228, 12, 12),

                height: 100,

                width: 300,

                child: const Center(

                  child: Text(

                    "child 1",

                    style: TextStyle(fontWeight: FontWeight.bold),

                  ),

                ))

          ],

        ),

      ),

    ),

  ));

}