Merge pull request #157 from Krishnansh5/demo

made demo video responsive
SaptarshiSarkar12 · Oct 28, 2022 · 07eb59f · 07eb59f
2 parents 9bed502 + a6d4930
commit 07eb59f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/Website/index.html b/Website/index.html
@@ -38,6 +38,9 @@
           <li>
             <a href="#download"><button class="button">Download</button></a>
           </li>
+          <li>
+            <a href="#demo"><button class="button">Demo</button></a>
+          </li>
           <li>
             <a href="#contrib"><button class="button">Contribute</button></a>
           </li>
@@ -137,7 +140,9 @@ <h4>✨Download Here✨</h4>
         <h2>Demonstration of Drifty</h2>
         <p>Here is a quick demo of using Drifty.</p>
       </div>
-      <video src="Resources/Usage.webm" playsinline autoplay muted loop></video>
+      <div>
+        <video src="Resources/Usage.webm" playsinline autoplay muted loop width="100%" height="auto"></video>
+      </div>
     </div>
   </section>
 

diff --git a/Website/style.css b/Website/style.css
@@ -410,7 +410,7 @@ header img {
 header {
   perspective: 500px;
   width: 100%;
-  height: 100vh;
+  height: fit-content;
   padding: 10rem 0;
   background: var(--background-color);
   display: flex;
@@ -1106,7 +1106,7 @@ header {
     font-size: 20px;
     margin-bottom: 1rem;
   }
-
+  
   .buttons {
     width: min(100%, 700px);
     column-gap: 1rem;