💄 Web article has max width

lib/screens/article_detail_screen.dart

@@ -51,6 +51,9 @@ class _ArticleDetailContent extends HookConsumerWidget {
     );
 
     return SingleChildScrollView(
+      child: Center(
+        child: ConstrainedBox(
+          constraints: const BoxConstraints(maxWidth: 560),
           child: Column(
             crossAxisAlignment: CrossAxisAlignment.stretch,
             children: [
@@ -100,6 +103,8 @@ class _ArticleDetailContent extends HookConsumerWidget {
               ),
             ],
           ),
+        ),
+      ),
     );
   }
 }

lib/screens/discovery/articles.dart

@@ -126,7 +126,10 @@ class ArticlesScreen extends ConsumerWidget {
   Widget build(BuildContext context, WidgetRef ref) {
     return Scaffold(
       appBar: AppBar(title: Text(title ?? 'Articles')),
-      body: CustomScrollView(
+      body: Center(
+        child: ConstrainedBox(
+          constraints: const BoxConstraints(maxWidth: 560),
+          child: CustomScrollView(
             slivers: [
               SliverPadding(
                 padding: const EdgeInsets.only(top: 8, left: 8, right: 8),
@@ -137,6 +140,8 @@ class ArticlesScreen extends ConsumerWidget {
               ),
             ],
           ),
+        ),
+      ),
     );
   }
 }