1 files changed, 28 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
new file mode 100644
index 0000000..b29ad9a
--- /dev/null
+++ b/recipeBuddy/src/app/recipe-card/recipe-card.component.css
@@ -0,0 +1,28 @@
+.example-viewport {
+     height: 1000px;
+     width: 100%;
+     display: flex;
+	 margin-left: auto;
+	 margin-right: auto;
+}
+button{
+	float: left;
+	padding: 10px;
+}
+.example-card {
+  float: left;
+  width: 100%;
+  margin: 10px;
+}
+.example-card:hover {
+  border: solid;
+}
+#card-title {
+  font-weight: bold;
+  cursor: pointer;
+}
+#cardContainer {
+	width: 35%;
+	padding: 5%;
+	float: left;
+}