feat: finalize end section of the homepage

src/styles/pages.scss

@@ -71,16 +71,17 @@
 
             display: flex;
             flex-direction: row;
+            flex-wrap: wrap;
+
             align-items: center;
-            justify-content: center;
+            place-content: center;
+
             gap: 4rem;
 
             padding: 3rem 0 6rem;
 
             background: $homepage-principal-bg;
 
-            flex-wrap: wrap;
-
             position: relative;
 
             .circuit-layer {
@@ -174,7 +175,8 @@
             padding-bottom: 6rem;
 
             .project-list {
-                width: 100%;
+                width: calc(20rem * 3 + 1.5rem * 2 + 6rem * 2);
+                max-width: 100vw;
 
                 display: grid;
                 grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
@@ -269,6 +271,10 @@
 
             padding-bottom: 6rem;
 
+            .card {
+                max-width: 40rem;
+            }
+
             .content {
                 @extend .text;
             }