Change snippets grid styling

Author: emilkowalski

components/Footer/Footer.js

@@ -13,8 +13,7 @@ const Footer = () => {
           Built by{' '}
           <Link href="https://twitter.com/emilkowalski_" target="_blank" rel="noreferrer">
             Emil
-          </Link>{' '}
-          🌕
+          </Link>
         </Paragraph>
       </Stack>
     </footer>

components/Snippets/GradientBtn.js

@@ -4,7 +4,7 @@ const Component = () => {
   return (
     <Wrapper>
       <Gradient />
-      <Button>Hover me</Button>
+      <Button>Hover over me</Button>
     </Wrapper>
   );
 };

components/Snippets/TextTransformX.js

@@ -3,7 +3,7 @@ import { styled } from 'stitches.config.js';
 const Component = () => {
   return (
     <Wrapper>
-      <span>Hover me</span>
+      <span>Hover over me</span>
     </Wrapper>
   );
 };

components/SnippetsGrid/SnippetsGrid.js

@@ -21,14 +21,13 @@ const SnippetsGrid = ({ children }) => {
 const Wrapper = styled('div', {
   display: 'grid',
   gap: '$4',
-  padding: '$4 0',
 
   '@bp2': {
     gridTemplateColumns: '1fr 1fr'
   },
 
   '@bp3': {
-    gridTemplateColumns: '1fr 1fr 1fr 1fr'
+    gridTemplateColumns: 'repeat(4, 1fr)'
   }
 });