diff options
| author | gatelyjm <55057909+gatelyjm@users.noreply.github.com> | 2019-12-14 20:32:24 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-12-14 20:32:24 -0500 |
| commit | e1f87de96065ee0b870fd2cbcf764c66fea6083d (patch) | |
| tree | 7319d17aa9bf4df5c27d2ee30f7053166ebaa4a5 | |
| parent | 9ed977689fe92e514e83eec43ff809e89a460129 (diff) | |
| parent | bd3a2e1e759d08330314b43793e1f809ea9dcc0d (diff) | |
Fix recipe cards are now three wide w/ max width
| -rw-r--r-- | recipeBuddy/src/app/recipe-card/recipe-card.component.css | 12 |
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; } |