image link

src/ArticleCard.tsx

@@ -9,7 +9,7 @@ const useStyles = createStyles((theme) => ({
 
   title: {
     fontWeight: 700,
-    fontFamily: `Greycliff CF, ${theme.fontFamily}`,
+    fontFamily: theme.fontFamily,
     lineHeight: 1.2,
     '&:hover': {
       color: '#eb7b1a'
@@ -59,9 +59,9 @@ export function ArticleCardVertical({
   return (
     <Card withBorder shadow="sm" radius="md" p={0} w={'100%'} className={classes.card}>
       <Group noWrap spacing={0}>
-        <Image src={image} height={205} width={205} />
+        <Image src={image} height={205} width={205} component='a' href={`/article/${id}`}/>
         <Stack p='md'>
-          <Text transform="uppercase" color="dimmed" weight={700} size="xs">
+          <Text transform="uppercase" color="dimmed" size="xs">
             {category}
           </Text>
           <Text component='a' href={`/article/${id}`} className={classes.title} mt="xs" mb="md" color={id === selected ? '#e66a5a' : 'black'}>