fixing projects ui

components/Project.vue

@@ -31,7 +31,7 @@ main {
     cursor: pointer;
     transition: .4s;
     height: 100px;
-    width: 80%;
+    width: 450px;
 }
 
 main:hover{
@@ -54,7 +54,7 @@ h2{
     font-size: 25px;
 }
 
-@media only screen and (max-width: 1121px) {
+@media only screen and (max-width: 1416px) {
     main{
         width: 80%;
     }

components/ProjectList.vue

@@ -20,7 +20,7 @@ div{
     gap: 30px;
 }
 
-@media only screen and (max-width: 1121px) {
+@media only screen and (max-width: 1416px) {
     div {
         flex-direction: column;
     }

pages/projects.vue

@@ -53,28 +53,30 @@ export default {
           list: []
         }
         for(let i = 0; i<all.length; i++){
-            if(project["list"].length!==3)
+          if(project["list"].length===3){
-                project["list"].push({
+            projects.push(project)
-                    name: all[i]["name"],
+            pcounter += 1
-                    desc: all[i]["desc"],
+            project = {
-                    click: all[i]["click"],
+              id: pcounter,
-                    url: `/l/${all[i]["name"].toLowerCase().replaceAll(" ", "")}`
+              list: []
-                })
-            else{
-                projects.push(project)
-                pcounter += 1
-                project = {
-                  id: pcounter,
-                  list: []
-                }
             }
+          }
 
-            if(i===all.length-1){
+          project["list"].push({
-                projects.push(project)
+            name: all[i]["name"],
-            }
+            desc: all[i]["desc"],
+            click: all[i]["click"],
+            url: `/l/${all[i]["name"]
+              .toLowerCase()
+              .replaceAll(" ", "")}`
+          })
+
+          if(i===all.length-1){
+            projects.push(project)
+          }
         }
+
         this.projects = projects
-        console.log(this.projects)
   }
 }
 </script>