Initial commit for main page work in progress. Trying to figure out

infinite scroll

1 files changed, 18 insertions, 0 deletions

diff --git a/recipeBuddy/src/app/recipe-card/recipe-card.component.css b/recipeBuddy/src/app/recipe-card/recipe-card.component.css
index d52f971..8cf412a 100644
--- a/recipeBuddy/src/app/recipe-card/recipe-card.component.css
+++ b/recipeBuddy/src/app/recipe-card/recipe-card.component.css
@@ -1,3 +1,21 @@
+ .example-viewport{
+     height: 250px;
+     width: 80%;
+     margin-left: 50px;
+     border: 1px solid saddlebrown;
+     display: flex;
+    }
+    .list{
+     height: 50px;
+     justify-content: center;
+     align-items: center;
+    }
+    h2{
+     margin-left: 40px;
+    }
+    .container{
+     margin-bottom: 40px;
+    }
 p {
   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
 }