links

assets/css/style.css

@@ -98,13 +98,16 @@ a:visited, a:link {
     flex-direction: column;
     align-items: center;
     margin: 1.5%;
-    min-height: max-content;
     backdrop-filter: blur(8px) saturate(200%);
     -webkit-backdrop-filter: blur(8px) saturate(200%);
     background: rgba(255, 255, 255, 0.15);
     flex: 1 0 21%;
     height: 300px;
     width: 300px;
+    min-width: 150px;
+    max-width: 300px;
+    min-height: 150px;
+    max-height: 300px;
 }
 
 .project-title {
@@ -273,17 +276,16 @@ a:visited, a:link {
         margin: 10px;
         margin-top: 17px;
         flex-basis: 35%;
-        height: 200px;
     }
 
     .project-description {
         margin: 0;
         height: 75px;
-        font-size: 2vw;
+        font-size: 3vw;
     }
 
     .project-button {
-        margin-top: 20px;
+        margin-top: 120px;
     }
 
     .topbar {

data/links.json

@@ -176,7 +176,7 @@
             }
         ]
   },
-  "webdev": {
+  "news": {
       "title": "Linux and FOSS News",
       "class": "linux-news",
       "links": [
@@ -202,7 +202,7 @@
           }
       ]
   },
-  "youtube": {
+  "learn": {
       "title": "Learn",
       "class": "learn",
       "links": [
@@ -259,5 +259,19 @@
               "link": "https://www.coursera.org/professional-certificates/meta-front-end-developer"
           }
       ]
+  },
+  "useful": {
+      "title": "Useful websites",
+      "class": "useful",
+      "links": [
+          {
+              "title": "Google webfonts helper",
+              "link": "https://gwfh.mranftl.com/"
+          },
+          {
+              "title": "Landchad",
+              "link": "https://landchad.net/"
+          }
+      ]
   }
 }