From 4fbeaf38a17f7906e4299832726d270f2e053f5f Mon Sep 17 00:00:00 2001 From: Micado Pierre Date: Tue, 31 Oct 2023 10:16:40 -0400 Subject: [PATCH] changed-the-card-outline --- src/App.css | 5 +++++ src/components/Header.jsx | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/src/App.css b/src/App.css index f526e98..df03f70 100644 --- a/src/App.css +++ b/src/App.css @@ -30,6 +30,7 @@ main { border-radius: 8px; margin: 0.5em; width: 260px; + /* background-color; */ } .beer-image { @@ -87,3 +88,7 @@ main { position: absolute; overflow: hidden; } + +.beer-card:hover, .beer-card:active { + background-color: greenyellow; +} \ No newline at end of file diff --git a/src/components/Header.jsx b/src/components/Header.jsx index c2273cd..164891e 100644 --- a/src/components/Header.jsx +++ b/src/components/Header.jsx @@ -1,3 +1,3 @@ export default function Header() { - return

The Beers! (hey that's a bad joke) 🍻

+ return

The Beers! (IPA) 🍻

}