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

---
 .../pages/publication/publication.component.scss | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/pages/publication/publication.component.scss b/frontend/src/app/pages/publication/publication.component.scss
index a624e14..7fc1d07 100644
--- a/frontend/src/app/pages/publication/publication.component.scss
+++ b/frontend/src/app/pages/publication/publication.component.scss
@@ -9,13 +9,26 @@ $cardBorderRadius: .5em;
         flex-direction: column;
         margin: 1em;
         max-width: 80em;
+        width: 90%;
         border-radius: .5em;    
         box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
 
         img {
-            height: 25em;
+            height: 12em;
             object-fit: cover;
             border-radius: $cardBorderRadius $cardBorderRadius 0 0;
+
+            @media screen and (min-width: 450px) {
+                height: 15em;
+            }
+
+            @media screen and (min-width: 600px) {
+                height: 20em;
+            }
+
+            @media screen and (min-width: 750px) {
+                height: 25em;
+            }
         }
 
         header {
@@ -38,6 +51,7 @@ $cardBorderRadius: .5em;
             border-top: 1px solid #dddddd;
             margin: 0 2em 2em 2em;
             padding-top: 2em;
+            text-align: justify;
         }
 
         footer {