Merge pull request #262 from shrey141102/main

added the 2048 game

Author: kishanrajput23

2048/.gitignore

@@ -0,0 +1,8 @@
+.DS_Store
+Thumbs.db
+db.json
+*.log
+node_modules/
+public/
+.deploy*/
+.history

2048/README.md

@@ -0,0 +1,3 @@
+# 2048 project made using HTML CSS Javascript
+
+

2048/css/keyframes.css

@@ -0,0 +1,30 @@
+@keyframes moveup{
+    0%{
+        transform: translateY(0);
+        opacity: 1;
+    }
+    100%{
+        transform: translateY(-150px);
+        opacity: 0;
+    }
+}
+@keyframes appear{
+    0%{
+        transform: scale(0);
+    }
+    100%{
+        transform: scale(1);
+    }
+}
+@keyframes add{
+    0%{
+        transform: scale(1);
+        box-shadow: 0 0 1px red;
+    }
+    50%{
+        transform: scale(1.2);
+    }
+    100%{
+        transform: scale(1);
+    }
+}

2048/css/media.css

@@ -0,0 +1,55 @@
+@media screen and (max-width:1250px){
+    html,body{
+        font-size: 15px;
+    }
+    .container{
+        width: 280px;
+    }
+    h1.title{
+        font-size: 31px;
+    }
+    .score-container,
+    .best-container{
+        padding: 3px 10px;
+    }
+    .game-container{
+        margin-top: 10px;
+        width: 280px;
+        height: 280px;
+    }
+    .grid-container,
+    .tile-container{
+        width: 260px;
+        height: 260px;
+    }
+    .grid-row,
+    .tile{
+        height: 22.75%;
+    }
+    .grid-cell,
+    .tile{
+        width: 22.75%;
+    }
+    .grid-row{
+        margin-bottom: 3%;
+    }
+    .grid-cell{
+        margin-right: 3%;
+    }
+    .tile{
+        font-size: 35px;
+    }
+    .tile[data-val="128"],
+    .tile[data-val="256"],
+    .tile[data-val="512"]{
+        font-size: 25px;
+    }
+    .tile[data-val="1024"],
+    .tile[data-val="2048"]{
+        font-size: 21px;
+    }
+
+    .pop-container p{
+        font-size: 30px;
+    }
+}