main.dart

import 'package:flutter/material.dart';

final Color darkBlue = Color.fromARGB(255, 18, 32, 47);

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(scaffoldBackgroundColor: darkBlue),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: MyWidget(),
        ),
      ),
    );
  }
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 200,
      child: Card(
        child: Row(
          mainAxisSize: MainAxisSize.max,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Container(
              padding: EdgeInsets.all(8),
              color: Colors.red,
            ),
            Expanded(
              child: Container(
                padding: EdgeInsets.all(4),
                child: Column(
                  children: [
                    Row(
                      children: [
                        Text(
                          "Spell",
                          style: TextStyle(fontSize: 24),
                          textAlign: TextAlign.start,
                        ),
                      ],
                    ),
                    Text(
                        "This is a description of some kind tho like legit idk"),
                  ],
                ),
              ),
            ),
            Center(child: Icon(Icons.arrow_right)),
          ],
        ),
      ),
    );
  }
}