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,