Row widget adalah widget yang digunakan untuk memposisikan widget-widget lainnya secara horizontal. Sedangkan column widget digunakan untuk menempatkan widget secara menurun atau vertical. sedangkan Column adalah column widget digunakan untuk menempatkan widget secara menurun atau vertical.

• Row

• Buatlah sebuah project baru dengan nama sesuai dengan kebutuhan
• Kedua buatlah sebuah stateless widget disini bisa kita gunakan antara Statellesswidget ataupun Statefullwidget

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
      debugShowCheckedModeBanner: false,
    );
  }
}

• Buatlah sebuah Row dan didalamnya terdapat container

class HomePage extends StatelessWidget {
  const HomePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Container(
              color: Colors.green,
              height: 150,
              width: 150,
            ),
            SizedBox(height: 20,),
            Container(
              color: Colors.green,
              height: 150,
              width: 150,
            )
          ],
        ),
      ),
    );
  }

• Finish dan Container pun jadi dalam bentuk row

• Column

class HomePage extends StatelessWidget {
  const HomePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Container(
              color: Colors.green,
              height: 150,
              width: 150,
            ),
            SizedBox(height: 20,),
            Container(
              color: Colors.green,
              height: 150,
              width: 150,
            )
          ],
        ),
      ),
    );
  }
}