fix: layout issue

Author: AmanuelCh

src/components/MarkdownViewer.tsx

@@ -59,7 +59,7 @@ const MarkdownViewer = () => {
   return (
     <div className='min-h-[100vh]'>
       <SEO
-        title={`${capitalizeWords(topic)} | Gopher Notes`}
+        title={`${capitalizeWords(topic!)} | Gopher Notes`}
         description={`${topic} | Dive deep to ${topic} in go.`}
         name='Amanuel Chaka'
         type='article'

src/components/TopicList.tsx

@@ -22,7 +22,7 @@ const TopicList = () => {
   return (
     <div className='container mx-auto py-1 leading-relaxed pb-12 dark:text-neutral-300 max-w-3xl mt-12 w-11/12'>
       <SEO
-        title={`${capitalizeWords(category)} | Gopher notes`}
+        title={`${capitalizeWords(category!)} | Gopher notes`}
         description={descSEO}
         name='Amanuel Chaka'
         type='article'
@@ -34,16 +34,15 @@ const TopicList = () => {
       </div>
 
       <h1 className='my-10 z-50'>{category?.replaceAll('-', ' ')}</h1>
-      <ul className='grid md:grid-cols-3 gap-6 list-none'>
+      <ul className='grid md:grid-cols-2 gap-6 list-none'>
         {topicList.map((topic) => (
-          <li
+          <Link
             className='card'
+            to={`/${category}/${topic}`}
             key={topic}
           >
-            <Link to={`/${category}/${topic}`}>
-              {topic.split('-').join(' ')}
-            </Link>
-          </li>
+            {topic.split('-').join(' ')}
+          </Link>
         ))}
       </ul>
     </div>

src/utils/lists.ts

@@ -37,7 +37,8 @@ export const categories = [
   },
   {
     title: 'Loops',
-    description: 'Iterate over sequences of data in Go.',
+    description:
+      'Iterate over sequences of data in Go which is essential for repeating actions',
     link: '/loops',
   },
   {
@@ -67,7 +68,8 @@ export const categories = [
   },
   {
     title: 'Go Facts',
-    description: 'Additional concepts and Go proverbs',
+    description:
+      'Go proverbs from creators of Go language and additional concepts',
     link: '/go-facts',
   },
 ];