website: fix mobile — break URL in code block, hide GIF on small screens

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

Author: aborruso

website/src/pages/index.astro

@@ -198,7 +198,7 @@ const baseUrl = '/ckan-mcp-server';
     </section>
 
     <!-- Demo GIF Section -->
-    <section class="py-12 px-4 sm:px-6 lg:px-8 bg-white">
+    <section class="hidden md:block py-12 px-4 sm:px-6 lg:px-8 bg-white">
       <div class="max-w-4xl mx-auto">
         <img
           src={`${baseUrl}/mcp_server_demo.gif`}
@@ -292,7 +292,7 @@ const baseUrl = '/ckan-mcp-server';
               <h3 class="display-font text-2xl font-semibold text-white mb-2">No Install — Use the Hosted Endpoint</h3>
               <p class="text-blue-100 mb-5">Just point your MCP client at this URL — nothing to install:</p>
               <div class="bg-navy p-4 overflow-x-auto border-l-4 border-white border-opacity-30">
-                <pre class="mono text-sm text-gray-100 leading-relaxed">https://ckan-mcp-server.andy-pr.workers.dev/mcp</pre>
+                <pre class="mono text-sm text-gray-100 leading-relaxed break-all">https://ckan-mcp-server.andy-pr.workers.dev/mcp</pre>
               </div>
               <p class="mono text-xs text-blue-200 mt-3">100,000 requests/day shared quota · Free · Works with any MCP client</p>
             </div>