fix responsiveness issues under macb resource section

Author: hmillersarah

ims-db.html

@@ -180,7 +180,7 @@ <h4>Resources</h4>
         </div>
         <div class="pure-u-1">
           <div class="pure-g pure-g-pad-v">
-            <div class="pure-u-md-1-3 pure-g">
+            <div class="pure-u-md-1 pure-u-lg-1-3 pure-g">
               <div class="pure-u-1 pure-u-xl-3-24">
                 <img
                   src="wp-content/icons/icon_video.svg"
@@ -207,7 +207,7 @@ <h3>Converting to managed ACBs</h3>
                 </div>
               </div>
             </div>
-            <div class="pure-u-md-1-3 pure-g">
+            <div class="pure-u-md-1-2 pure-u-lg-1-3 pure-g">
               <div class="pure-u-1 pure-u-xl-3-24">
                 <img
                   src="wp-content/icons/icon_documentation.svg"
@@ -234,7 +234,7 @@ <h3>IMS management of ACBs</h3>
                 </div>
               </div>
             </div>
-            <div class="pure-u-md-1-3 pure-g">
+            <div class="pure-u-md-1-2 pure-u-lg-1-3 pure-g">
               <div class="pure-u-1 pure-u-xl-3-24">
                 <img
                   src="wp-content/icons/icon_documentation.svg"
@@ -261,7 +261,7 @@ <h3>IMS catalog</h3>
                 </div>
               </div>
             </div>
-            <div class="pure-u-md-1-3 pure-g">
+            <div class="pure-u-md-1-2 pure-u-lg-1-3 pure-g">
               <div class="pure-u-1 pure-u-xl-3-24">
                 <img
                   src="wp-content/Icon_IMS and Ansible_IMS DatabasePage.svg"
@@ -282,7 +282,7 @@ <h3>
                 >
               </div>
             </div>
-            <div class="pure-u-md-1-3 pure-g">
+            <div class="pure-u-md-1-2 pure-u-lg-1-3 pure-g">
               <div class="pure-u-1 pure-u-xl-3-24">
                 <img
                   src="wp-content/icons/icon_education.svg"

wp-includes/css/page.css

@@ -643,10 +643,10 @@ a {
 
   /* Decrease padding for smaller screens */
   .pure-g-pad > div {
-    padding: 0.4em;
+    padding: 1em 0;
   }
   .pure-g-pad-v > div {
-    padding: 0.4em;
+    padding: 1em 0;
   }
   .pure-g-pad-wd > div {
     padding: 2em 0.4em 0em 0em;