Adding resize click boxes

website/studerende-dk/src/views/Home.vue

@@ -140,23 +140,46 @@ export default {
   .row {
     display: flex;
     margin-bottom: $gap;
+    position: relative;
+  }
+
+  .row::after{
+        content: " ";
+        background-color: rgb(0, 0, 0);
+        position: absolute;
+        bottom: - $gap;
+        width: 100%;
+        height: $gap;
+        cursor: n-resize;
   }
 
   .col {
     flex-basis: 0; // a basis of 0px. very important!
     background-color: $light-green-theme-color;
     border-radius: 4px;
-    overflow: hidden;
+    //overflow: hidden;
     border: 2px solid $theme-color;
+    position: relative;
 
     &:not(:first-child) {
       margin-left: $gap / 2;
+      &::before{
+        content: " ";
+        background-color: rgb(0, 0, 0);
+        position: absolute;
+        left: - $gap - 2px;
+        width: $gap;
+        height: 100%;
+        cursor: w-resize;
+      }
     }
     &:not(:last-child) {
       margin-right: $gap / 2;
     }
   }
   
+
+  
   .add-block {
     width: 50px;
     height: 50px;