main.dart

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  
  Widget item(String title, String text, Color background) => ColoredBox(
    color: background,
    child: Column(
      mainAxisSize: MainAxisSize.min,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
       ColoredBox(
        color: Colors.blueGrey,
        child: Padding(padding: const EdgeInsets.all(8.0), child: Text(title)),
       ),
       Padding(padding: const EdgeInsets.all(8.0), child: Text(text)),
    ]));
  
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter App',
      home: Scaffold(
        backgroundColor: Colors.white,
        body: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            item('short title', 'looooooooooooooooong text', Colors.grey),
            const SizedBox(height: 8.0),
            item('loooooooooooooong title', 'short text', Colors.grey),
          ],
        ),
      ),
    );
  }
}