clean up code

Author: hmillersarah

ims-internship-2025.html

@@ -385,16 +385,18 @@ <h3>Two learning tracks</h3>
 				<div class="pure-u-1 pure-u-md-2-5">
 					<h2>Don't miss this opportunity to expand your IMS skills!</h2>
 				</div>
-				<div class="pure-u-1 pure-u-md-3-5">
+				<div class="pure-u-1 pure-u-md-3-5 pure-g">
 					<h4>Space is limited- Reserve your spot today!</h4>
-					<a
-					target="_blank"
-					aria-label="Register now for the IMS Internship" 
-					href="https://www.ibm.com/it-infrastructure/us-en/resources/campaignmail/z/ims/eventsignup.html" 
-					rel="noopener noreferrer"
-					>
-						<em>Register now</em>
-					</a>
+					<div class="pure-u-1 pure-u-md-1-2 pure-u-xl-1-4">
+						<a class="button-primary" 
+							onfocus="closeNavMenu()" 
+							target="_blank"
+							aria-label="Register now for the IMS Internship" 
+							href="https://www.ibm.com/it-infrastructure/us-en/resources/campaignmail/z/ims/eventsignup.html" 
+							rel="noopener noreferrer">
+							Register now
+						</a>
+					</div>
 				</div>
 			</section>
 
@@ -445,7 +447,7 @@ <h4>What topics will be covered?</h4>
 									<i>link to tentative schedule</i>
 								</p>
 							</div>
-							<div class="pure-u-1 pure-u-md-1-2">
+							<div class="pure-u-1">
 								<h4>Still have questions? Contact Amanda Stephens: <a href="mailto:amanda.stephens@ibm.com"><em>amanda.stephens@ibm.com</em></a></h4>
 							</div>
 						</div>

wp-includes/css/page.css

@@ -71,9 +71,7 @@
 
   .dark-gray-bg a {
     color: var(--light-blue-02);
-    font-size: var(--plex-18);
   }
-
 /* -------------------------------------------------------- */
 
 /* Icons */
@@ -96,7 +94,7 @@
 .button-primary {
   color: var(--white) !important;
   background-color: var(--blue);
-  padding: var(--plex-16) var(--plex-24);
+  padding: 1em 1.5em;
   box-sizing: border-box;
   line-height: var(--plex-24);
   width: 100%;
@@ -105,13 +103,10 @@
 .button-primary:hover {
   background-color: var(--light-blue-01);
 }
-
 /* -------------------------------------------------------- */
 
-
 /* Main */
 /* -------------------------------------------------------- */
-
 .main-content p {
   font-size: var(--plex-18);
   line-height: var(--plex-24);
@@ -120,7 +115,6 @@
 .main-content h2 {
   font-size: var(--plex-36);
 }
-
 /* -------------------------------------------------------- */
 
 /* Hero section */
@@ -148,27 +142,26 @@
   }
 
   .hero a {
-    max-width: var(--plex-180);
-    margin-top: var(--plex-20);
+    max-width: 11.25em;
+    margin-top: 1.25em;
   }
 
 .hero-container {
   padding: 3em;
-  position: relative;
 }
 /* -------------------------------------------------------- */
 
-/* Content container */
+/* Content containers */
 /* -------------------------------------------------------- */
-.content-container {
+/* Targets all sections after hero */
+.main-content section:not(:first-child) {
   padding: 4em;
-  position: relative;
-}
+} 
 
+/* For pure grid units requiring paddings */
 .content-grid > div {
   padding: 1.2em;
 }
-
 /* -------------------------------------------------------- */
 
 /* Media queries */
@@ -177,7 +170,10 @@
   .main-content h2 {
     font-size: var(--plex-28);
   }
-  
+
+  .content-grid > div {
+    padding: 0.4em;
+  }
 }
 /* -------------------------------------------------------- */