responsive 1 actualité

2025-10-03 14:23:02 +02:00
parent 0ca64c9ba4
commit 56c1cb1e89
2 changed files with 48 additions and 2 deletions
@@ -6,6 +6,10 @@
            width: 75%;
            margin: auto;
            align-items: center;
+            @media (max-width:891px) {
+                flex-direction: column;
+                width: 100%;
+            }
            .image-actualite{
                width: 50%;
                height: 100%;
@@ -25,8 +29,12 @@
                width: 30%;
                right: 5%;
                @media (max-width: 900px) {
-                    width: 45%;
+                    width: 50%;
                    height: fit-content;
+                    h1{font-size: 1.2rem;}
+                    .field--name-field-sous-titre{font-size: 1rem;}
+                    .field--name-field-site .field__item{font-size: 0.7rem;}
+                    .field--name-field-date{font-size: 0.6rem;}
                }
               
            }
@@ -36,10 +44,17 @@
            .summary-content{
                width: 60%;
                margin: auto;
+                @media (max-width:891px) {
+                    width: 80%;
+                }
            }
            .links-content{
                width: 15%;
                margin-left: calc(25%/2);
+                @media (max-width:891px) {
+                    width: 80%;
+                    .field--name-field-fichiers{width: fit-content;}
+                }
            }
        }
    }