made the button more responsive

3 years ago · 23acd6e8da
parent 236f68461b
commit 23acd6e8da
3 changed files with 6 additions and 2 deletions
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
--- a/3d-boxes-background/index.html
+++ b/3d-boxes-background/index.html
@ -13,7 +13,7 @@
    <title>3D Boxes Background</title>
  </head>
  <body>
-    <button id="btn" class="magic">Magic 🎩</button>
+    <button id="btn" class="magic">Magic</button>
    <div id="boxes" class="boxes big"></div>
    <script src="script.js"></script>
  </body>
--- a/3d-boxes-background/style.css
+++ b/3d-boxes-background/style.css
@ -2,7 +2,8 @@
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

 * {
-  box-sizing: border-box;
+  box-sizing:content-box;
+  top: 25px;
 }

 body {