03-43 Place components in view

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>

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>

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>

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>