image

primer · Oct 12, 2024 · 5dc0e68 · 5dc0e68
1 parent c0f57ba
commit 5dc0e68
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/content/index.mdx b/content/index.mdx
@@ -7,7 +7,7 @@ export default HeroLayout
 import {Text, Link, Box, Heading} from '@primer/react'
 import {Link as GatsbyLink} from 'gatsby'
 
-<Box pb={4} display="grid" gridTemplateColumns={['1fr', null, null, null, '1fr 1fr']} gridGap={5}>
+<Box pb={4} display="grid" gridTemplateColumns={['1fr', null, null, null, '1fr 1fr']} gridGap={4}>
   <Box>
     <Heading as="h3" sx={{color: 'fg.default'}}>
       <Link sx={{fontSize: 4, color: 'fg.default'}} as={GatsbyLink} to="/guides/">

diff --git a/src/@primer/gatsby-theme-doctocat/components/hero.js b/src/@primer/gatsby-theme-doctocat/components/hero.js
@@ -5,7 +5,7 @@ import {Container} from '@primer/gatsby-theme-doctocat'
 export default function Hero() {
   return (
     <ThemeProvider colorMode="night" nightScheme="dark_dimmed">
-      <Box pt={6}>
+      <Box pt={3}>
         <Container>
           <Box
             sx={{
@@ -20,7 +20,7 @@ export default function Hero() {
           >
             <div>
               <Heading sx={{fontSize: 7, lineHeight: 'condensed', pb: 3, mt: 5}}>Primer Design System</Heading>
-              <Text as="p" sx={{m: 0, fontSize: 3}}>
+              <Text as="p" sx={{m: 0, fontSize: 3, pb: 0}}>
                 Primer is a set of guidelines, principles, and patterns for designing and building UI at GitHub.
               </Text>
             </div>