fix layout

app/src/content/chapters/available-blocks.mdx

@@ -383,13 +383,13 @@ Here are some real world examples to inspire you.
 ---
 <HtmlEmbed src="d3-bar.html" title="D3 Memory usage with recomputation" desc={`Memory usage with recomputation — <a href="https://huggingface.co/spaces/nanotron/ultrascale-playbook?section=activation_recomputation" target="_blank">from the ultrascale playbook</a>`}/>
 ---
-{/* <Wide>
+<Wide>
   <HtmlEmbed src="d3-neural.html" title="D3 Interactive neural network (MNIST-like)" desc="Draw a digit and visualize activations and class probabilities (0–9)." align="center" />
-</Wide> */}
-{/* ---
+</Wide>
+---
 <FullWidth>
   <HtmlEmbed src="d3-pie.html" desc="D3 Pie charts by category" align="center" />
-</FullWidth> */}
+</FullWidth>
 ---
 <HtmlEmbed src="d3-comparison.html" title="Image similarity: query vs top-k" desc="Compare a query image to top-k matches. Shows rank and similarity." />
 

app/src/styles/_layout.css

@@ -6,7 +6,11 @@
 }
 
 .content-grid { max-width: 1280px; margin: 0 auto; padding: 0 var(--content-padding-x); margin-top: 40px; display: grid; grid-template-columns: 220px minmax(0, 680px) 260px; gap: 32px; align-items: start; }
-.content-grid > main { max-width: 100%; margin: 0; padding: 0; overflow: hidden; }
+.content-grid > main { max-width: 100%; margin: 0; padding: 0; }
+
+@media (max-width: 1100px) {
+  .content-grid > main { overflow: hidden; }
+}
 
 /* TOC (left column) */
 .toc { position: sticky; top: 24px; }