🎨 Format

README.md

@@ -42,6 +42,7 @@ Most things on the homepage are cards, modular components that can easily be add
 First, you can create a new file under [components/index/cards]() with the name of your new event/project. Next add `import CardModel from './card-model'` and add whatever you want :) Finally, use a <Buttons> component (`import Buttons from './button'`) to highlight call-to-action buttons. If it's the main button, use the primary prop to add a background color!
 
 Your challenge: try and make the card as unique as possible, like a mini poster! Not sure where to start? Look at other cards on the page :)
+
 </details>
 
 <details>
@@ -65,7 +66,7 @@ If there's a Hack Club or Hack Club community-led project (past or present) that
 
 </details>
 
-Every week, [thousands of people](https://plausible.io/hackclub.com) visit hackclub.com. What story to you want to tell? 
+Every week, [thousands of people](https://plausible.io/hackclub.com) visit hackclub.com. What story to you want to tell?
 
 _Have questions? Join us in [#hackclub-site-dev](https://hackclub.slack.com/archives/C036BTDGP43) and to learn more about the style guide at Hack Club check [this](https://hackclub.com/brand/) out_
 

components/index/cards/outernet.js

@@ -45,8 +45,7 @@ export default function Outernet() {
             alignItems: 'end',
             justifyContent: 'flex-end'
           }}
-        >
-        </Flex>
+        ></Flex>
 
         {/* <Box sx={{ mt: ['-40px', '-40px', '-150px'] }}>
           

next.config.mjs

@@ -283,11 +283,13 @@ const nextConfig = {
   }
 }
 
-import million from 'million/compiler';
+import million from 'million/compiler'
 import withMDX from '@next/mdx'
 import withTM from 'next-transpile-modules'
 
 const withMDXConfig = withMDX({ extension: /\.mdx?$/ })
 const withAnimeJS = withTM(['animejs'])
 
-export default million.next(withAnimeJS(withMDXConfig(nextConfig)), { auto: true });
+export default million.next(withAnimeJS(withMDXConfig(nextConfig)), {
+  auto: true
+})