From bd3a2e1e759d08330314b43793e1f809ea9dcc0d Mon Sep 17 00:00:00 2001 From: Tucker Evans Date: Sat, 14 Dec 2019 16:17:31 -0500 Subject: Fix recipe cards are now three wide w/ max width --- recipeBuddy/src/app/recipe-card/recipe-card.component.css | 12 +++++++----- 1 file 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; } -- cgit v1.1