initial start page

lib/widgets/content_list_tile.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:resume/services/breakpoints.dart';
 
 class ContentListTile extends StatelessWidget {
   const ContentListTile(
@@ -19,14 +20,22 @@ class ContentListTile extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final width = MediaQuery.of(context).size.width;
+
     return ListTile(
       contentPadding: const EdgeInsets.all(0),
-      title: Row(
-        mainAxisAlignment: MainAxisAlignment.start,
+      title: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          if (name != null) Text(name!),
-          if (location != null) Text(', $location'),
-          if (title != null) Text(' - $title'),
+          Row(
+            mainAxisAlignment: MainAxisAlignment.start,
+            children: [
+              if (name != null) Text(name!),
+              if (location != null) Text(', $location'),
+              if (title != null && Breakpoints.xl < width) Text(' - $title'),
+            ],
+          ),
+          if (title != null && Breakpoints.xl >= width) Text('$title'),
         ],
       ),
       titleAlignment: ListTileTitleAlignment.titleHeight,

lib/widgets/content_widget.dart

@@ -16,20 +16,25 @@ class ContentBox extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Column(
-      mainAxisSize: MainAxisSize.max,
-      crossAxisAlignment: CrossAxisAlignment.start,
-      children: [
-        Text(
-          title,
-          style: Theme.of(context).textTheme.headlineMedium,
+    return Card(
+      child: Padding(
+        padding: EdgeInsets.all(20),
+        child: Column(
+          mainAxisSize: MainAxisSize.max,
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              title,
+              style: Theme.of(context).textTheme.headlineMedium,
+            ),
+            ListView.builder(
+              shrinkWrap: true,
+              itemCount: content.length,
+              itemBuilder: (context, index) => _buildListTile(content[index]),
+            ),
+          ],
         ),
-        ListView.builder(
-          shrinkWrap: true,
-          itemCount: content.length,
-          itemBuilder: (context, index) => _buildListTile(content[index]),
-        ),
-      ],
+      ),
     );
   }