From 00d49d5fa426b4da76fdb866acb9934b4a80c430 Mon Sep 17 00:00:00 2001
From: Florian THIERRY <florian_thierry@ext.connect-tech.sncf>
Date: Wed, 12 Jun 2024 13:15:03 +0200
Subject: [PATCH] Responsive styling of home page.

---
 frontend/src/app/pages/home/home.component.scss | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/pages/home/home.component.scss b/frontend/src/app/pages/home/home.component.scss
index f9b0533..19f3dee 100644
--- a/frontend/src/app/pages/home/home.component.scss
+++ b/frontend/src/app/pages/home/home.component.scss
@@ -11,6 +11,7 @@ $cardBorderRadius: .5em;
         flex-direction: column;
         gap: 2em;
         max-width: 50em;
+        width: 90%;
         margin: auto;
 
         .publication {
@@ -29,8 +30,20 @@ $cardBorderRadius: .5em;
 
             img {
                 object-fit: cover;
-                height: 32em;
+                height: 15em;
                 border-radius: $cardBorderRadius $cardBorderRadius 0 0;
+
+                @media screen and (min-width: 450px) {
+                    height: 20em;
+                }
+
+                @media screen and (min-width: 600px) {
+                    height: 25em;
+                }
+
+                @media screen and (min-width: 750px) {
+                    height: 32em;
+                }
             }
             
             .body {