From b3f884f5e42d9de095d6ea1b9d0f4e62ec367a58 Mon Sep 17 00:00:00 2001
From: Shayan Rais <shanraisshan@gmail.com>
Date: Thu, 7 May 2026 12:57:35 +0500
Subject: [PATCH] Update index.html

---
 .../claude-code-best-practice/index.html         | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/presentation/claude-code-best-practice/index.html b/presentation/claude-code-best-practice/index.html
index eddd5d4..7f11c68 100644
--- a/presentation/claude-code-best-practice/index.html
+++ b/presentation/claude-code-best-practice/index.html
@@ -497,13 +497,15 @@
     <!-- SLIDE 11: What's a Token?                                    -->
     <!-- ============================================================ -->
     <div class="slide" data-slide="11">
-        <figure style="max-width: 1100px; width: 100%; margin: 60px auto 0;">
-            <img
-                src="../assets/llm/tokens.jpg"
-                alt="Screenshot of the OpenAI tokenizer showing the sentence about BPE split into 32 tokens across 105 characters, with tabs for GPT-5.x, GPT-4, and GPT-3 tokenizers."
-                style="width: 100%; border-radius: 12px; box-shadow: 0 4px 24px rgba(0,0,0,0.10);"
-            />
-        </figure>
+        <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 80vh; text-align: center;">
+            <figure style="max-width: 1100px; width: 100%;">
+                <img
+                    src="../assets/llm/tokens.jpg"
+                    alt="Screenshot of the OpenAI tokenizer showing the sentence about BPE split into 32 tokens across 105 characters, with tabs for GPT-5.x, GPT-4, and GPT-3 tokenizers."
+                    style="width: 100%; border-radius: 12px; box-shadow: 0 4px 24px rgba(0,0,0,0.10);"
+                />
+            </figure>
+        </div>
     </div>
 
     <!-- ============================================================ -->