Add canvas border

src/App.js

@@ -12,7 +12,7 @@ export const App = () => {
       <main>
         <Canvas />
       </main>
-      <footer>Made by Alfred Melch</footer>
+      <footer>This is the footer</footer>
     </>
   )
 }

src/components.js/Canvas.css

@@ -0,0 +1,3 @@
+.border {
+  border: 1px solid red;
+}

src/components.js/Canvas.js

@@ -1,6 +1,8 @@
 import React, { useLayoutEffect, useRef } from 'react'
 import { main } from '../lib'
 
+import styles from './Canvas.css'
+
 export const Canvas = () => {
   const canvasRef = useRef(null)
 
@@ -8,5 +10,9 @@ export const Canvas = () => {
     main(canvasRef.current)
   })
 
-  return <canvas width={500} height={400} ref={canvasRef} />
+  return (
+    <div className={styles.border}>
+      <canvas width={500} height={400} ref={canvasRef} />
+    </div>
+  )
 }