From 9c5c2a2759727505244c6fc733f69948f009bedc Mon Sep 17 00:00:00 2001 From: benson-optimiste1 Date: Tue, 31 Oct 2023 10:14:49 -0400 Subject: [PATCH 1/2] add-card-hover --- src/App.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/App.css b/src/App.css index f526e98..a1cce44 100644 --- a/src/App.css +++ b/src/App.css @@ -31,6 +31,10 @@ main { margin: 0.5em; width: 260px; } +.beer-card:hover, beer-card:active{ + background-color: green; +} + .beer-image { width: 100%; From 15d6e3732b352fcf084bcbb58172f1fe79910639 Mon Sep 17 00:00:00 2001 From: benson-optimiste1 Date: Tue, 31 Oct 2023 10:56:03 -0400 Subject: [PATCH 2/2] changed-background beer-card --- src/App.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/App.css b/src/App.css index a1cce44..05d398f 100644 --- a/src/App.css +++ b/src/App.css @@ -30,6 +30,7 @@ main { border-radius: 8px; margin: 0.5em; width: 260px; + background-color:darkkhaki; } .beer-card:hover, beer-card:active{ background-color: green; @@ -41,6 +42,7 @@ main { max-height: 500px; } + .close-button { position: absolute; top: 4px;