🍱 Update academy highlights (#495)

Co-authored-by: 0xlny <[email protected]>

data/academy.ts

@@ -39,7 +39,7 @@ export const highlightedLearning: Resource[] = [
       "The Cairo Book is a introductory book about Cairo Programming Language.",
     tags: ["starknet", "cairo", "learn"],
     network: {
-      website: "https://cairo-book.github.io/",
+      website: "https://book.cairo-lang.org/",
     },
   },
   {
@@ -52,6 +52,15 @@ export const highlightedLearning: Resource[] = [
       github: "https://github.com/shramee/starklings-cairo1",
     },
   },
+  {
+    name: "Node Guardians",
+    shortName: "NG",
+    description: "Uncover the secrets of Cairo through epic fantasy quests.",
+    tags: ["learn", "tutorial"],
+    network: {
+      github: "https://nodeguardians.io/",
+    },
+  },
 ];
 // ======================================================================
 // Learning links

src/components/academy/LearnContent.tsx

@@ -22,12 +22,12 @@ function LearnContent({
     <VStack w="full" align="flex-start">
       {highlightedResources && (
         <SimpleGrid
-          columns={{ sm: 1, lg: 2, xl: 3 }}
+          columns={{ sm: 1, lg: 2, "2xl": 4 }}
           spacing={4}
           w="full"
           mb={8}
         >
-          {highlightedResources.slice(0, 3).map((highlightedResource) => {
+          {highlightedResources.slice(0, 4).map((highlightedResource) => {
             const { name, description, link, network } = highlightedResource;
             const { github, twitter, website } = network;
             return (

src/components/card/CardHighlight.tsx

@@ -29,7 +29,6 @@ function CardHighlight({
       position="relative"
       direction="column"
       p={4}
-      minW="250px"
       transition=".4s ease all"
       cursor="pointer"
       onClick={() => console.log("coucou")}