Merge pull request #1 from devfolioco/pro-3953-update-demo-gif

Updated demo.gif, minor alignment and LICENSE

Author: preetjdp

LICENSE

@@ -1,6 +1,6 @@
 BSD 3-Clause License
 
-Copyright (c) 2025, Devfolio
+Copyright 2015 The Chromium Authors
 
 Redistribution and use in source and binary forms, with or without
 modification, are permitted provided that the following conditions are met:

custom.css

@@ -53,19 +53,31 @@ h6 {
   color: rgb(122, 122, 122);
 }
 
-.flex-row {
+.flex-box {
   display: flex;
-  gap: 16px;
+  gap: 48px;
   justify-content: space-between;
 }
 
+/* Mobile Screen */
+@media screen and (max-width: 768px) {
+  .flex-box {
+    flex-direction: column;
+    gap: 24px;
+  }
+}
+
 .flex-item {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 8px;
 }
 
+.flex-item input {
+  width: 180px;
+}
+
 .onchain-cta {
   background-color: transparent;
   border: none;

demo.gif

@@ -32,7 +32,7 @@ <h4>( SPACE to Start - Press 'F' to go fullscreen )</h4>
         </a>
 
         <h4>Developer Options</h4>
-        <div class="flex-row">
+        <div class="flex-box">
           <div class="flex-item">
             <label for="sprite-1x">1x Sprite:</label>
             <input type="file" id="sprite-1x" accept="image/*" />