diff options
Diffstat (limited to 'recipeBuddy')
| -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; } |