From 5748b66820de1cfae4804ad008dda31a4511a3a4 Mon Sep 17 00:00:00 2001
From: "claude[bot]" <41898282+claude[bot]@users.noreply.github.com>
Date: Thu, 1 Oct 2026 15:03:47 +0000
Subject: [PATCH] feat: add visible TETRIS title above the board
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

Co-authored-by: Daniel Ángel Barreto <24582853+DanielGeek@users.noreply.github.com>
---
 87-ClaudeCode/03-claude-tetris/index.html |  4 ++++
 87-ClaudeCode/03-claude-tetris/style.css  | 14 ++++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/87-ClaudeCode/03-claude-tetris/index.html b/87-ClaudeCode/03-claude-tetris/index.html
index 01412fe..3e59aca 100644
--- a/87-ClaudeCode/03-claude-tetris/index.html
+++ b/87-ClaudeCode/03-claude-tetris/index.html
@@ -8,6 +8,9 @@
 </head>
 <body>
   <div class="wrapper">
+    <h1 class="title">TETRIS</h1>
+
+    <div class="play-area">
     <div class="game-container">
       <canvas id="board" width="300" height="600"></canvas>
 
@@ -50,6 +53,7 @@
         <button id="restart-btn">Restart</button>
       </div>
     </div>
+    </div>
   </div>
 
   <script src="game.js"></script>
diff --git a/87-ClaudeCode/03-claude-tetris/style.css b/87-ClaudeCode/03-claude-tetris/style.css
index 12e7e1b..5765d27 100644
--- a/87-ClaudeCode/03-claude-tetris/style.css
+++ b/87-ClaudeCode/03-claude-tetris/style.css
@@ -16,6 +16,20 @@ body {
 }
 
 .wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+}
+
+.title {
+  font-size: 32px;
+  font-weight: 800;
+  letter-spacing: 4px;
+  color: #7aa2f7;
+}
+
+.play-area {
   position: relative;
 }