Fixing cards details

index.html

@@ -66,7 +66,6 @@ <h6>Translation Memories</h6>
     </div>
     <div class="others">
         <h5>Other Resources</h5>
-        <p class="other-titles">Design: </p>
         <div class="cards other-cards">
             <div class="card" title="Shoreline - Click to visit their website">
                 <a href="https://admin-ui.vercel.app" target="_blank">
@@ -97,12 +96,14 @@ <h6>FastStore</h6>
                 </div>
                 <div class="lower">
                     <h6>Localization & Internationalization</h6>
-                    <p>Create a product that is ready for a global audience by following localization and internationalization best practices.</p>
+                    <p class="longer-text">Create a product that is ready for a global audience by following localization and internationalization best practices.</p>
                 </div>
                 </a>
             </div>
         </div>
-        <p class="other-titles">Marketing:</p>
+        <div class="cards other-cards">
+
+        </div>
         <div class="cards other-cards">
             <div class="card" title="Brand - Click to visit their website">
                 <a href="https://brand.vtex.com" target="_blank">
@@ -115,9 +116,6 @@ <h6>Brand</h6>
                 </div>
                 </a>
             </div>
-        </div>
-        <p class="other-titles">Develop: </p>
-        <div class="cards other-cards">
             <div class="card" title="Developer Portal - Click to visit their website">
                 <a href="https://developers.vtex.com" target="_blank">
                 <div class="upper others-upper">

style.css

@@ -228,6 +228,18 @@ footer {
     .cards {
         padding-top: 1rem;
     }
+
+    .other-cards {
+        width: 100%;
+    }
+
+    .other-cards > .card {
+        width: 30%;
+    }
+
+    .longer-text {
+        margin-top: -1rem;
+    }
 }
 
 /* HD monitors*/