@media projet

2023-07-13 13:44:36 +02:00
parent 640dfe0f44
commit b5297afd72
2 changed files with 26 additions and 0 deletions
@@ -17,12 +17,18 @@
                            margin-bottom: 2rem;
                            max-height: 600px;
                            // width: 800px;
+                            @media (max-width: 568px){
+                                flex-direction: column;
+                            }
                            .block-entity-fieldnodefield-photo{
                                width: 60%;
                                padding-right: 2rem;
                                // margin-right: 2rem;
                                // @media (max-width: 810px) {
                                // }
+                                @media (max-width: 568px){
+                                 width: 100%;
+                                }
                                img{
                                    // padding-top: 2rem;
                                    // width: 600px;
@@ -37,6 +43,10 @@
                                        object-fit: cover;
                                        width: 100%;                                 
                                    }
+                                    @media (max-width: 568px){
+                                        width: 100%;
+                                        max-height: 300px;
+                                    }
                                }
                                // // position: relative;
                                // // bottom: -50%;
@@ -44,6 +54,9 @@

                            .top_right{
                                width: 40%;
+                                @media (max-width: 568px){
+                                 width: 100%;
+                                }
                                .block-entity-fieldnodetitle{
                                    margin: 0;
                                    .field--name-title{