the Image hover changed to 20%

bocacode · Oct 31, 2023 · 12a5210 · 12a5210
1 parent ec010ec
commit 12a5210
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/App.css b/src/App.css
@@ -32,9 +32,18 @@ main {
   width: 260px;
 }
 
+.beer-card:hover{
+  transform:scale(1.2);
+}
+
 .beer-image {
   width: 100%;
   max-height: 500px;
+
+}
+
+.beer-image:hover{
+  transform: scale(1.2);
 }
 
 .close-button {

diff --git a/src/components/BeerCard.jsx b/src/components/BeerCard.jsx
@@ -5,6 +5,7 @@ export default function BeerCard({ name, image, avgRating, setSelectedBeer }) {
   if(hidden) return null
   return (
     <div className="beer-card" onClick={() => setSelectedBeer(name)}>
+
       <div className="close-button" onClick={() => setHidden(true)}>x</div>
       <div className="beer-image">
         <img src={image} alt={name}