Disable unused bits; media queries

src/components/CV/CV.jsx

@@ -8,17 +8,17 @@ function CV ({ competencies, education, certifications, languages, experience })
       <div>
         <h2>Core competencies</h2>
         <ul>
-          {competencies.sort().map(c => <li key={c}>{c}</li>)}
+          {competencies.sort().map((c, i) => <li key={i}>{c}</li>)}
         </ul>
 
         <h2>Certifications</h2>
         <ul>
-          {certifications.sort().map(c => <li key={c}>{c}</li>)}
+          {certifications.sort().map((c, i) => <li key={i}>{c}</li>)}
         </ul>
 
         <h2>Languages</h2>
         <ul>
-          {languages.sort().map(c => <li key={c}>{c.name} - {c.proficiency}</li>)}
+          {languages.sort().map((c, i) => <li key={i}>{c.name} - {c.proficiency}</li>)}
         </ul>
 
         <h2>Education history</h2>

src/components/CV/CV.module.css

@@ -26,4 +26,10 @@
 
 .cv ul li:not(:last-child) {
   margin-bottom: 10px;
+}
+
+@media (max-width: 768px) {
+  .cv {
+    flex-direction: column;
+  }
 }

src/components/Header/Header.jsx

@@ -8,7 +8,7 @@ function Header () {
     <header className={styles.header}>
       <nav>
         <Link href='/'>Home</Link>
-        <Link href='/writing'>Writing</Link>
+        {/* <Link href='/writing'>Writing</Link> */}
         <Link href='/cv'>CV</Link>
       </nav>
     </header>

src/pages/cv/index.js

@@ -15,7 +15,7 @@ function CVPage ({
 }) {
   return (
     <DefaultLayout>
-      <NextSeo title='CV'/>
+      <NextSeo title='CV' />
       <section>
         <h1>CV</h1>
       </section>