Add title

client/Home.jsx

@@ -3,8 +3,11 @@ import { Link } from 'react-router-dom';
 
 import CenterCover from './covers/CenterCover';
 import Layout from './Layout';
+import useDocumentTitle from './useDocumentTitle';
 
 const Home = () => {
+    useDocumentTitle('CSS Layout');
+
     return (
         <Layout>
             <h2 className="f2 lh-copy">Pattern</h2>

client/layouts/Centering.jsx

@@ -3,8 +3,11 @@ import React from 'react';
 import DetailsLayout from '../DetailsLayout';
 import BrowserFrame from '../placeholders/BrowserFrame';
 import SampleCode from '../SampleCode';
+import useDocumentTitle from '../useDocumentTitle';
 
 const Centering = () => {
+    useDocumentTitle('CSS Layout ∙ Centering');
+
     return (
         <DetailsLayout name="Centering">
             <BrowserFrame

client/useDocumentTitle.js

@@ -0,0 +1,9 @@
+import { useEffect } from 'react';
+
+const useDocumentTitle = (title) => {
+    useEffect(() => {
+        document.title = title;
+    }, [title]);
+};
+
+export default useDocumentTitle;