diff --git a/parts/1/exerciseApp/src/App.jsx b/parts/1/exerciseApp/src/App.jsx
index b75c5e7..566d84b 100644
--- a/parts/1/exerciseApp/src/App.jsx
+++ b/parts/1/exerciseApp/src/App.jsx
@@ -2,11 +2,16 @@ const Header = (props) => {
   return <h1>{props.course}</h1>
 }
 
+const Part = (props) => {
+  return <p>{props.partName} {props.exerciseCount}</p>
+
+}
+
 const Content = (props) => {
   return (
     <>
     {props.sections.map((section) => {
-    return <p>{section.part} {section.exerciseCount}</p>
+    return <Part partName={section.part} exerciseCount={section.exerciseCount}/>
   })}
     </>
   )