finish desktop view pt1

src/app/venue/venue.html

@@ -1,38 +1,56 @@
-<div class="container mx-auto bg-ejc-orange px-5 py-10 flex flex-col gap-6">
-  <img src="/images/csarnok.jpg" alt="Hall" />
-  <div class="text-white font-extrabold text-2xl">Venue</div>
-  <div class="text-white text-[16px] leading-[160%]">
-    The Tatabánya Multifunctional Sports Hall is a state-of-the-art indoor
-    sports arena with a seating capacity of around 6,000, opened in 2022.
-    Designed to host international and high-level competitions, it offers
-    versatile facilities suitable for badminton, handball, basketball,
-    volleyball and other indoor sports, as well as major cultural and sporting
-    events.
-  </div>
-  <div class="flex flex-col gap-6">
-    <div class="flex gap-2.5">
-        <app-marker></app-marker>
-        <div class="text-white font-bold text-[16px]">
-            2800 Tatabánya, Olimpikon u.
-        </div>
+<div class="w-screen bg-ejc-orange">
+  <div
+    class="container mx-auto px-5 py-10 flex flex-col gap-6 md:flex-row md:pb-0">
+    <div class="md:order-last flex-1">
+      <img
+        class="inline-block md:hidden"
+        src="/images/csarnok.jpg"
+        alt="Hall" />
+      <img
+        class="md:inline-block hidden md:w-147.5"
+        src="/images/csarnok.png"
+        alt="Hall" />
     </div>
-    <div class="flex gap-2.5">
-        <app-car></app-car>
-        <div class="text-white font-bold text-[16px]">
-            500 parkingplaces are available
+    <div class="flex flex-col gap-6 flex-1">
+      <div class="text-white font-extrabold text-2xl md:text-[40px]">Venue</div>
+      <div class="text-white text-[16px] leading-[160%]">
+        The Tatabánya Multifunctional Sports Hall is a state-of-the-art indoor
+        sports arena with a seating capacity of around 6,000, opened in 2022.
+        Designed to host international and high-level competitions, it offers
+        versatile facilities suitable for badminton, handball, basketball,
+        volleyball and other indoor sports, as well as major cultural and
+        sporting events.
+      </div>
+      <div class="flex flex-col gap-6 md:flex-row">
+        <div class="flex flex-col gap-6">
+          <div class="flex gap-2.5 md:flex-col">
+            <app-marker></app-marker>
+            <div class="text-white font-bold text-[16px]">
+              2800 Tatabánya, Olimpikon u.
+            </div>
+          </div>
+          <div class="flex gap-2.5 md:flex-col">
+            <app-car></app-car>
+            <div class="text-white font-bold text-[16px]">
+              500 parkingplaces are available
+            </div>
+          </div>
         </div>
-    </div>
-    <div class="flex gap-2.5">
-        <app-bus></app-bus>
-        <div class="text-white font-bold text-[16px]">
-            Shuttle buses from and to the official hotels
-        </div>
-    </div>
-    <div class="flex gap-2.5">
-        <app-bus></app-bus>
-        <div class="text-white font-bold text-[16px]">
-            The schedule is available on the Sportity app
+        <div class="flex flex-col gap-6">
+          <div class="flex gap-2.5 md:flex-col">
+            <app-bus></app-bus>
+            <div class="text-white font-bold text-[16px]">
+              Shuttle buses from and to the official hotels
+            </div>
+          </div>
+          <div class="flex gap-2.5 md:flex-col">
+            <app-bus></app-bus>
+            <div class="text-white font-bold text-[16px]">
+              The schedule is available on the Sportity app
+            </div>
+          </div>
         </div>
+      </div>
     </div>
   </div>
 </div>