From a3acd4029b3e051fb3d1fc25b21225bd40123c6e Mon Sep 17 00:00:00 2001
From: "nico.hdr8" <n.haider@htlstp.at>
Date: Tue, 7 Oct 2025 10:58:10 +0200
Subject: [PATCH] style(home): make homepage responsive

---
 src/app/pages/home/home.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/pages/home/home.html b/src/app/pages/home/home.html
index 1f485b7..5f337cc 100644
--- a/src/app/pages/home/home.html
+++ b/src/app/pages/home/home.html
@@ -1,10 +1,10 @@
-<main class="flex flex-row justify-center items-center gap-10 py-10">
-    <div class="w-[40%]">
-        <span class="block text-[4rem]/[1.1] font-bold mb-4" [innerHTML]="'home.header' | translate"></span>
-        <span class="block text-[1.5rem]/[1.3] text-gray">{{ 'home.subheader' | translate }}</span>
+<main class="flex flex-row flex-wrap justify-center items-center gap-10 py-10">
+    <div class="lg:w-[40%] w-[80%] text-center lg:text-left">
+        <span class="block text-[3rem]/[1.1] lg:text-[4rem]/[1.1] font-bold mb-4" [innerHTML]="'home.header' | translate"></span>
+        <span class="block text-[1rem]/[1.3] lg:text-[1.5rem]/[1.3] text-gray">{{ 'home.subheader' | translate }}</span>
         <a class="block mt-5" href="https://www.google.com/maps/place/Dobersberg,+Nieder%C3%B6sterreich" target="_blank"><p-chip label="Dobersberg, Niederösterreich" icon="fa-solid fa-location-dot"/></a>
     </div>
-    <div class="w-[30%]">
+    <div class="lg:w-[30%] w-[80%] text-center">
         <img src="img/me.png" alt="">
         <div class="pt-5 p-3 flex gap-3 flex-wrap justify-center">
             <a pButton outlined severity="secondary" label="nico@td-haider.at" icon="fa-solid fa-envelope" href="mailto:nico@td-haider.at"></a>