FIX: some texts and layouts for easy skill explanation

Improving site clarity

app/assets/css/global.css

@@ -145,6 +145,12 @@ span.chip {
     border-radius: 20px;
     min-width: 300px;
     flex: 1;
+    justify-content: space-between;
+
+    & .card-img {
+        border-radius: 20px;
+        object-fit: cover;
+    }
 }
 
 .color-icon {
@@ -155,6 +161,7 @@ span.chip {
     position: relative;
     z-index: 100;
     padding: 150px 15vw;
+    min-height: 100vh;
 }
 
 .full {
@@ -169,15 +176,28 @@ span.chip {
     margin-top: 6rem;
 }
 
+.flex-row {
+    display: flex;
+    flex-direction: row;
+
+    &.reverse {
+        flex-direction: row-reverse;
+    }
+}
+
 .flex-col {
     display: flex;
     flex-direction: column;
 }
 
-.default-gap {
+.gap-default {
     gap: 3rem;
 }
 
+.gap-sm {
+    gap: 1rem;
+}
+
 .z-0 {
     box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
 }