diff --git a/css/styles.css b/css/styles.css
index ecd7423..db1ff5a 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -56,7 +56,7 @@ a:hover { text-decoration: underline; }
 .sidebar-col { position: sticky; top: 20px; height: fit-content; }
 .login-panel { background: var(--gray1); padding: 32px; border-radius: 16px; border: 1px solid var(--gray2); }
 .newsletter-panel { background: var(--gray1); padding: 32px; border-radius: 16px; border: 1px solid var(--gray2); }
-.notebook { background: var(--white); border-radius: 16px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,.1); }
+.notebook { background: var(--white); border-radius: 16px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,.1); grid-column: 1 / -1; width: 100%; }
 .newsletter-panel h3 { font-size: 1.25rem; font-weight: 700; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid var(--gray2); }
 .notebook .tabs { display: flex; border-bottom: 2px solid var(--gray2); }
 .notebook .tab { flex: 1; padding: 14px; text-align: center; font-weight: 600; cursor: pointer; border: none; background: #f9fafb; color: #6b7280; }