From 88d388a574aaab1d2b28eac4529dc5ad5065a1a5 Mon Sep 17 00:00:00 2001
From: "Paul Gauthier (aider)" <paul@aider.chat>
Date: Thu, 13 Mar 2025 19:39:59 -0700
Subject: [PATCH] refactor: Move page-container inline styles to CSS section

---
 aider/website/examples/recording.md | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/aider/website/examples/recording.md b/aider/website/examples/recording.md
index 431d8837f..c5e6aa43d 100644
--- a/aider/website/examples/recording.md
+++ b/aider/website/examples/recording.md
@@ -55,6 +55,18 @@ layout: minimal
   color: #666;
 }
 
+/* Page container styling */
+.page-container {
+  max-height: 80vh;
+  max-width: 900px;
+  margin-left: auto;
+  margin-right: auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+}
+
 .terminal-container {
   border-radius: 6px;
   overflow: hidden;
@@ -88,7 +100,7 @@ layout: minimal
 }
 </style>
 
-<div class="page-container" style="max-height: 80vh; max-width: 900px; margin-left: auto; margin-right: auto;">
+<div class="page-container">
 <div class="terminal-container">
   <div class="terminal-header">
     <div class="terminal-buttons">