mobile header & home

2023-11-30 11:16:32 +01:00
parent e6d1cab224
commit 8b58828e87
5 changed files with 86 additions and 2 deletions
@@ -13,6 +13,9 @@
            @media(max-width: 891px){
            font-size: 4rem;
            }
+            @media(max-width: 520px){
+                font-size: 3rem;
+            }
        }
        
        h5{
@@ -24,6 +27,10 @@
            font-size: 4rem;
            line-height: 0.9;
            }
+            @media(max-width: 520px){
+                font-size: 3rem;
+            }
+            
        }

        .block-region-content{
@@ -45,7 +52,7 @@
            .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f{
                grid-column: 1;
                grid-row: 2 /span 2;
-                width: 85%;
+                width: 80%;
                border: solid $yellow-puca 1px;
                background-color: $white-button;
                font-weight: 800;
@@ -53,6 +60,7 @@
                margin-right: 1rem;
                @media(max-width: 891px){
                    margin-bottom: 1rem;
+                    // margin: auto;
                }

                h2{
@@ -111,6 +119,9 @@
                justify-content: flex-end;  
                align-items: center;
                @media(max-width: 891px){
+                    width: 90%;
+                }
+                @media(max-width: 520px){
                    width: 100%;
                }
                .field--type-file{
@@ -132,6 +143,9 @@
                justify-content: flex-end;  
                align-items: center; 
                @media(max-width: 891px){
+                    width: 90%;
+                }
+                @media(max-width: 520px){
                    width: 100%;
                }
                .field--type-file{