diff --git a/part1/courseinfo/src/App.js b/part1/courseinfo/src/App.js
index f794dc8..07df585 100644
--- a/part1/courseinfo/src/App.js
+++ b/part1/courseinfo/src/App.js
@@ -2,11 +2,15 @@ const Header = (props) => (
   <h1>{props.course}</h1>
 )
 
+const Part = (props) => (
+  <p>{props.part} {props.exercise}</p>
+)
+
 const Content = (props) => (
   <div>
-  <p>{props.part1} {props.exercise1}</p>
-  <p>{props.part2} {props.exercise2}</p>
-  <p>{props.part3} {props.exercise3}</p>
+  <Part part={props.part1} exercise={props.exercise1} />
+  <Part part={props.part2} exercise={props.exercise2} />
+  <Part part={props.part3} exercise={props.exercise3} />
   </div>
 )