docs: clean up mobile layout for built with mongoose page

Automattic · Mar 5, 2020 · 8ad50c6 · 8ad50c6
1 parent 0bc4aa7
commit 8ad50c6
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/docs/built-with-mongoose.pug b/docs/built-with-mongoose.pug
@@ -8,13 +8,13 @@ block content
     over 870,000 projects that depend on Mongoose. Here are a few of
     our favorite apps that are built with Mongoose.
 
-    <div style="position: relative; height: 100px">
+    <div style="position: relative">
       <div style="position: absolute; width: 100px; height: 100px">
         <a href="https://sixplus.com">
           <img src="https://res-2.cloudinary.com/crunchbase-production/image/upload/c_lpad,h_120,w_120,f_auto,b_white,q_auto:eco/v1452784634/wipgioqzev0omt4ezsay.jpg">
         </a>
       </div>
-      <div style="position: absolute; left: 110px">
+      <div style="padding-left: 110px; min-height: 100px;">
         <h4 style="margin-top: 0.2em; margin-bottom: 0.25em;"><a href="https://sixplus.com/">SixPlus</a></h3>
         SixPlus is an online marketplace for corporate event professionals to
         book private dining spaces in restaurants and hotels across the US.
@@ -23,26 +23,26 @@ block content
       </div>
     </div>
 
-    <div style="position: relative; height: 100px; margin-top: 1em;">
+    <div style="position: relative; margin-top: 1em;">
       <div style="position: absolute; width: 100px; height: 100px">
         <a href="https://payment.ninja/partners/mongoose/?ref=5e2c6ea94e9158a6d2cc2af2">
           <img src="https://res-1.cloudinary.com/crunchbase-production/image/upload/c_lpad,h_120,w_120,f_auto,b_white,q_auto:eco/v1503059272/h8tzm8hqqabjknhj9cts.png">
         </a>
       </div>
-      <div style="position: absolute; left: 110px">
+      <div style="padding-left: 110px; min-height: 100px">
         <h4 style="margin-top: 0.2em; margin-bottom: 0.25em;"><a href="https://payment.ninja/partners/mongoose/?ref=5e2c6ea94e9158a6d2cc2af2">Payment Ninja</a></h3>
         Payment Ninja is an online payment gateway that lets you save up to
         50% on payment processing over processors like PayPal and Stripe.
       </div>
     </div>
 
-    <div style="position: relative; height: 100px; margin-top: 1em;">
+    <div style="position: relative; margin-top: 1em;">
       <div style="position: absolute; width: 100px; height: 100px">
         <a href="https://mixmax.com/?utm_source=invite&utm_medium=link&utm_campaign=saasquatch&rsCode=VALERIKARPOV&rsShareMedium=DIRECT&rsEngagementMedium=EMBED">
           <img src="https://res-2.cloudinary.com/crunchbase-production/image/upload/c_lpad,h_120,w_120,f_auto,b_white,q_auto:eco/v1426108234/rb6qztygayubxme8f4tx.png">
         </a>
       </div>
-      <div style="position: absolute; left: 110px">
+      <div style="padding-left: 110px; min-height: 100px">
         <h4 style="margin-top: 0.2em; margin-bottom: 0.25em;"><a href="https://mixmax.com/?utm_source=invite&utm_medium=link&utm_campaign=saasquatch&rsCode=VALERIKARPOV&rsShareMedium=DIRECT&rsEngagementMedium=EMBED">Mixmax</a></h3>
         Mixmax is a app that sends engaging emails with instant scheduling, free unlimited email tracking, polls, and surveys right in Gmail.
       </div>
@@ -51,4 +51,4 @@ block content
     ## Add Your Own
 
     Have an app that you built with Mongoose that you want to feature here?
-    Let's talk! [DM Mongoose on Twitter](https://twitter.com/mongoosejs).
+    Let's talk! [DM Mongoose on Twitter](https://twitter.com/mongoosejs).