Merge pull request #20 from Mubashir-Md/main

reduced img dimensions
T-SIG · Nov 8, 2023 · 6107527 · 6107527
2 parents ac3b387 + 0f85276
commit 6107527
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 11 deletions.
diff --git a/public/index.css b/public/index.css
@@ -5,33 +5,47 @@
 }
 
 div.video{
+    height: 100dvh;
+    background-color: #000;
     width: 100%;
     display: flex;
     flex-direction: column;
-    justify-content: center;
+    justify-content: space-evenly;
     align-items: center;
-
+
+    margin-top: 40px;
+    @media (max-width: 500px) {
+        margin-top: 70px;
+
+    }
 }
 
 div.video img{
-    margin-top: 50px;
-    height: 30em;
-    width: 100%;
-
+    max-width: 800px;
+    max-height: 500px;
+    border: #fff solid 2px;
     @media (max-width: 500px) {
-        margin-top: 80px;
-
+        height: auto;
+        max-height: 500px;
+        max-width: 250px;
     }
 
 }
 div.video a {
     text-decoration: none;
-    color: #fff;
-    background-color: #000;
+    color: #000;
+    background-color: #fff;
     padding: 10px 20px;
     border-radius: 5px;
     font-size: 1.2rem;
     cursor: pointer;
     text-align: center;
     margin: 10px auto;
+    font-weight: bold;
+    @media (max-width: 500px) {
+        margin: 10px auto;
+        width: 50%;
+        font-size: 1rem;
+
+    }
 }
diff --git a/public/index.html b/public/index.html
@@ -135,7 +135,7 @@
       <source src="./img/Cadism teaser.mp4" style="width: 500px;" type="video/mp4" />
     </video> -->
     <img id="banner" class="bannerImg" src="./img/pyweek-banner.jpg" alt="">
-    <a href="https://forms.gle/4rBVfsabBsvB6zWu7" target="_blank">Register Here for PyWeek</a>
+    <a href="https://forms.gle/4rBVfsabBsvB6zWu7" target="_blank">Register Here</a>
   </div>
 
   <script>