update spacing (github#19899)

Author: gracepark

components/landing/GuideCard.tsx

@@ -8,7 +8,7 @@ export const GuideCard = ({ guide }: Props) => {
   const authorString = `@${authors.join(', @')}`
 
   return (
-    <div className="col-lg-4 col-12 mb-3">
+    <div className="col-lg-4 col-12 mb-4">
       <a
         className="Box color-shadow-medium height-full d-block hover-shadow-large no-underline color-text-primary p-5"
         href={guide.href}

components/landing/ProductLanding.tsx

@@ -37,38 +37,38 @@ export const ProductLanding = () => {
       </LandingSection>
 
       {productCodeExamples.length > 0 && (
-        <LandingSection title={t('code_examples')} className="my-6">
+        <LandingSection title={t('code_examples')} className="my-6 pb-6">
           <CodeExamples />
         </LandingSection>
       )}
 
       {productCommunityExamples.length > 0 && (
-        <LandingSection title={t('communities_using_discussions')} className="my-6">
+        <LandingSection title={t('communities_using_discussions')} className="my-6 pb-6">
           <CommunityExamples />
         </LandingSection>
       )}
 
       {productUserExamples.length > 0 && (
-        <LandingSection title={t('sponsor_community')} className="my-6">
+        <LandingSection title={t('sponsor_community')} className="my-6 pb-6">
           <SponsorsExamples />
         </LandingSection>
       )}
 
       {router.query.productId === 'admin' && isEnterpriseServer && (
-        <LandingSection title={t('supported_releases')} className="my-6">
+        <LandingSection title={t('supported_releases')} className="my-6 pb-6">
           <ProductReleases />
         </LandingSection>
       )}
 
       {guideCards.length > 0 && (
-        <div className="color-bg-tertiary py-6 my-8">
+        <div className="color-bg-tertiary py-6">
           <LandingSection title={t('guides')} className="my-6">
             <GuideCards />
           </LandingSection>
         </div>
       )}
 
-      <LandingSection sectionLink="all-docs" title={`All ${shortTitle} docs`}>
+      <LandingSection sectionLink="all-docs" title={`All ${shortTitle} docs`} className="pt-9">
         <ProductArticlesList />
       </LandingSection>
     </DefaultLayout>

components/landing/ProductReleases.tsx

@@ -24,7 +24,7 @@ export function ProductReleases() {
           const firstPreviousVersion = `enterprise-server@${release.firstPreviousRelease}`
           const secondPreviousVersion = `enterprise-server@${release.secondPreviousRelease}`
           return (
-            <div key={releaseNumber} className="col-lg-4 col-12 mb-3">
+            <div key={releaseNumber} className="col-lg-4 col-12 mb-4">
               <div className="Box color-shadow-medium height-full d-block hover-shadow-large no-underline color-text-primary p-5">
                 <h2>{allVersions[releaseVersion].versionTitle}</h2>
                 <p className="mt-2 mb-4 color-text-tertiary">