Use wide images

Aashishkebab · Dec 8, 2023 · cf8352f · cf8352f
1 parent d7303ea
commit cf8352f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/public/cube.jpg b/public/cube.jpg
diff --git a/public/horse.jpeg b/public/horse.jpeg
diff --git a/public/testing_design.html b/public/testing_design.html
@@ -26,7 +26,7 @@
                 color: lightgrey;
                 width: 100%;
                 display: block;
-                padding-bottom: 1em;
+                padding-bottom: 7em;
                 padding-top: 1em;
                 padding-left: 1em;
                 padding-right: 1em;
@@ -38,7 +38,7 @@
                 width: 100%;
                 height: 23vh;
                 display: block;
-                padding-bottom: 1em;
+                padding-bottom: 7em;
                 padding-top: 1em;
                 padding-left: 1em;
                 padding-right: 1em;
@@ -64,6 +64,13 @@
                     color: black;
                 }
             }
+
+            @supports not (-webkit-touch-callout: none) {
+                .image-section{
+                    background-attachment: fixed;
+                    background-size: cover;
+                }
+            }
         </style>
 
         <meta name="viewport" content="width=device-width, initial-scale=1">