summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorgatelyjm <55057909+gatelyjm@users.noreply.github.com>2019-12-14 20:32:24 -0500
committerGitHub <noreply@github.com>2019-12-14 20:32:24 -0500
commite1f87de96065ee0b870fd2cbcf764c66fea6083d (patch)
tree7319d17aa9bf4df5c27d2ee30f7053166ebaa4a5
parent9ed977689fe92e514e83eec43ff809e89a460129 (diff)
parentbd3a2e1e759d08330314b43793e1f809ea9dcc0d (diff)
Merge pull request #30 from tuckerevans/recipe_card_cssHEADmaster
Fix recipe cards are now three wide w/ max width
-rw-r--r--recipeBuddy/src/app/recipe-card/recipe-card.component.css12
1 files changed, 7 insertions, 5 deletions
diff --git a/recipeBuddy/src/app/recipe-card/recipe-card.component.css b/recipeBuddy/src/app/recipe-card/recipe-card.component.css
index b29ad9a..4d6e2b4 100644
--- a/recipeBuddy/src/app/recipe-card/recipe-card.component.css
+++ b/recipeBuddy/src/app/recipe-card/recipe-card.component.css
@@ -1,7 +1,6 @@
.example-viewport {
height: 1000px;
width: 100%;
- display: flex;
margin-left: auto;
margin-right: auto;
}
@@ -10,9 +9,10 @@ button{
padding: 10px;
}
.example-card {
- float: left;
width: 100%;
- margin: 10px;
+ max-width: 400px;
+ margin-left: auto;
+ margin-right: auto;
}
.example-card:hover {
border: solid;
@@ -22,7 +22,9 @@ button{
cursor: pointer;
}
#cardContainer {
- width: 35%;
- padding: 5%;
+ width: 29% ;
+ margin-top: 5%;
+ margin-left: 2%;
+ margin-right: 2%;
float: left;
}