diff --git a/parts/2/courseExercise/src/App.jsx b/parts/2/courseExercise/src/App.jsx
index 8309aeb..2276639 100644
--- a/parts/2/courseExercise/src/App.jsx
+++ b/parts/2/courseExercise/src/App.jsx
@@ -1,5 +1,4 @@
-import Header from "./components/Header";
-import Content from "./components/Content";
+import Course from "./components/Course";
 
 const App = () => {
   const course = {
@@ -25,10 +24,9 @@ const App = () => {
   };
 
   return (
-    <div>
-      <Header course={course.name} />
-      <Content sections={course.sections} />
-    </div>
+    <>
+    <Course course={course}/>
+    </>
   );
 };
 
diff --git a/parts/2/courseExercise/src/components/Course.jsx b/parts/2/courseExercise/src/components/Course.jsx
new file mode 100644
index 0000000..607b1cb
--- /dev/null
+++ b/parts/2/courseExercise/src/components/Course.jsx
@@ -0,0 +1,13 @@
+import Header from "./Header";
+import Content from "./Content";
+
+const Course = ({course}) => {
+    return (
+        <div>
+          <Header course={course.name} />
+          <Content sections={course.sections} />
+        </div>
+      )
+}
+
+export default Course;
\ No newline at end of file