diff --git a/src/components/App.js b/src/components/App.js
index 859b2e1e9..fee37c74d 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -16,17 +16,26 @@ function Home() {
   );
 }
 
-{/* write an <About> component here */}
-
+// Define the About component here (only once!)
+function About() {
+  return (
+    <div id="about">
+      <h2>About</h2>
+    </div>
+  );
+}
 
 function App() {
   return (
-    <div>
+    <div className="App"> {/* It's good practice to have a main div with a class or id */}
       <NavBar />
-      {/* add the <Home> component here */}
-      {/* add your <About> component here */}
+      {/* Add the <Home> component here */}
+      <Home />
+      {/* Add your <About> component here */}
+      <About />
     </div>
   );
 }
 
-export default App;
+// This should be at the very end of the file, only once.
+export default App;
\ No newline at end of file