diff --git a/src/app/app.component.html b/src/app/app.component.html
index bf87562..96ff2b0 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -2,7 +2,8 @@
 <div class="container">
     <div class="row">
         <div class="col-md-12">
-            <h2>It's working!</h2>
+            <app-recipes></app-recipes>
+            <app-shopping-list></app-shopping-list>
         </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/src/app/recipes/recipe-list/recipe-item/recipe-item.component.html b/src/app/recipes/recipe-list/recipe-item/recipe-item.component.html
index e819b71..2a6afda 100644
--- a/src/app/recipes/recipe-list/recipe-item/recipe-item.component.html
+++ b/src/app/recipes/recipe-list/recipe-item/recipe-item.component.html
@@ -1,3 +1 @@
-<p>
-  recipe-item works!
-</p>
+<app-recipe-item></app-recipe-item>
\ No newline at end of file
diff --git a/src/app/recipes/recipes.component.html b/src/app/recipes/recipes.component.html
index 776baee..53d2966 100644
--- a/src/app/recipes/recipes.component.html
+++ b/src/app/recipes/recipes.component.html
@@ -1,3 +1,8 @@
-<p>
-  recipes works!
-</p>
+<div class="row">
+  <div class="col-md-5">
+    <app-recipe-list></app-recipe-list>
+  </div>
+  <div class="col-md-7">
+    <app-recipe-detail></app-recipe-detail>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/app/shopping-list/shopping-list.component.html b/src/app/shopping-list/shopping-list.component.html
index 3d453eb..f7d17ac 100644
--- a/src/app/shopping-list/shopping-list.component.html
+++ b/src/app/shopping-list/shopping-list.component.html
@@ -1,3 +1,7 @@
-<p>
-  shopping-list works!
-</p>
+<div class="row">
+  <div class="col-xs-10">
+    <app-shopping-edit></app-shopping-edit>
+    <hr>
+    <p>The list</p>
+  </div>
+</div>
\ No newline at end of file