Chap04 -> Styling components with CSS modules

QandA/frontend/src/App.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import { Header } from './Header';
-import './App.css';
+import style from './App.module.css';
 import { HomePage } from './HomePage';
 
 function App() {
   return (
-    <div className="container">
+    <div className={style.container}>
       <Header />
       <HomePage />
     </div>

QandA/frontend/src/Header.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { UserIcon } from './Icons';
-import './Header.css';
+import style from './Header.module.css';
 
 export const Header = () => {
   const handleSearchInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
@@ -8,7 +8,7 @@ export const Header = () => {
   };
 
   return (
-    <div className="container">
+    <div className={style.container}>
       <a href="./">Q & A</a>
       <input
         type="text"