home + responsive

2022-03-10 10:53:52 +01:00
parent d8632851a9
commit 3f4ffd88de
10 changed files with 2190 additions and 78 deletions
@@ -44,6 +44,7 @@
                                width: 100%;
                                display: grid;
                                grid-template-columns: 1fr repeat(8, 2fr) 1fr;
+                                
                                .view-id-collections{
                                    grid-column: 3 / span 8;
                                    height: 100%;
@@ -70,8 +71,10 @@
                                            
                                            
                                            .views-field-name{
+                                                
                                                .field-content{
                                                    grid-column: 3 /span 6;
+                                                    
 
                                                }
                                                span{
@@ -80,7 +83,7 @@
                                                    padding: 1rem;
                                                    padding-bottom: 2rem;
                                                }
-
+                                                
                                               
                                            }
                                            a{
@@ -126,6 +129,11 @@
                                //     }
    
                                // }
+                                @media (max-width: 480px){
+                                    width: 90%;
+                                    display: flex;
+                                    margin: auto;
+                                }
                            }


@@ -136,6 +144,10 @@
                            grid-column: 3 / span 5;
                            width: 100%;
                            margin: auto;
+                            @media (max-width: 810px){
+                                padding: 2rem;
+                                
+                            }
                        }
                        // texte présentation
                        .block-views-blockcollection--block-1{
@@ -147,6 +159,9 @@
                                background: $white;
                                margin-top:2rem;
                            // }
+                            @media (max-width: 810px){
+                                padding: 2rem;
+                            }
                        }

                        //button proposer une ressource
@@ -186,6 +201,9 @@
                            //     }
    
                            // }
+                            @media (max-width: 810px){
+                                margin: auto;
+                            }
                            
                        }
                        // grille des ressources
@@ -346,6 +364,9 @@
                                        }
                                    }
                            }
+                            @media (max-width: 810px){
+                                margin: auto;
+                            }
                        }

                        @media (max-width:810px) {