ロゴを横幅に合わせて伸縮するように修正

Author: Fukusan64

_includes/header.html

@@ -6,9 +6,9 @@ <h1 class="hidden xl:block max-w-lg mx-auto pt-5 px-8">
 
 <div class="xl:hidden fixed top-9 left-0 min-h-18 w-screen flex justify-center z-10">
   <div class="flex h-full flex-col w-[calc(100%-max(10%,32px))] items-stretch rounded-[10px] bg-[#f5f5f5] px-4 py-2 inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)] shadow-[7px_7px_10px_rgba(125,125,125,0.15)]">
-    <div class="flex justify-between items-center">
+    <div class="flex justify-between items-center gap-2">
       <a href="/" class="flex items-center h-full">
-        <img src="/img/common/header-logo.webp" class="max-h-full max-w-[250px] h-auto" alt="DojoCon Japan 2025 Inspire Next." />
+        <img src="/img/common/header-logo.webp" class="max-h-full max-w-[250px] w-full" alt="DojoCon Japan 2025 Inspire Next." />
       </a>
       <button id="menu-btn" type="button" aria-label="メニューを開く" class="w-12 h-9 flex flex-col justify-center items-center shrink-0 rounded cursor-pointer border border-gray-300 bg-white">
         <span class="block w-8 h-0.5 bg-gray-400 mb-1.5 rounded"></span>