diff --git a/src/app/cover/cover.html b/src/app/cover/cover.html
index 643a5c6..c27453c 100644
--- a/src/app/cover/cover.html
+++ b/src/app/cover/cover.html
@@ -1,11 +1,13 @@
 <div
-  class="h-[calc(100dvh-76px)] flex flex-col justify-center items-center px-5 gap-6 bg-[#EAEFFA]">
-  <img src="/images/cover_logo.png" class="w-6/12" alt="EJC2026 logo" />
-  <div
-    class="text-ejc-dark text-2xl xs:text-[30px] font-extrabold leading-[130%] text-center">
-    2026 European Junior<br />Championships
-  </div>
-  <div class="text-center text-ejc-orange font-bold text-[16px]">
-    18-27 Augustus 2026
+  class="h-[calc(100dvh-76px)] flex flex-col justify-center items-center px-5 gap-6 bg-[#EAEFFA] md:flex-row md:justify-around">
+  <img src="/images/cover_logo.png" class="w-6/12 md:order-last md:max-h-[268px] md:w-auto" alt="EJC2026 logo" />
+  <div class="flex flex-col justify-center items-center gap-6 md:gap-7.5">
+    <div
+      class="text-ejc-dark text-2xl xs:text-[30px] font-extrabold leading-[130%] text-center md:text-left md:text-[60px] md:text-white">
+      2026 European Junior<br />Championships
+    </div>
+    <div class="text-center text-ejc-orange font-bold text-[16px]">
+      18-27 Augustus 2026
+    </div>
   </div>
 </div>