updated card styling

Anjaliavv51 · Oct 13, 2024 · 3d7b307 · 3d7b307
1 parent 663100b
commit 3d7b307
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -293,14 +293,18 @@
     background-color:transparent; /* Optional for visual separation */
     border-radius: 10px;
     padding: 20px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.226);
     display: flex;
     flex-direction: column; /* Stack content vertically */
     align-items: center;
     max-width: 350px; /* Maximum width of each card */
     flex: 1 1 280px; /* Allow boxes to grow and shrink */
     min-width: 300px; /* Minimum width for responsiveness */
-    min-height: 480px; /* Minimum height for the card */
+    min-height: 200px; /* Minimum height for the card */
+}
+
+.box:hover{
+    border: 1px solid black;
 }
 
 .card-image {

diff --git a/style.css b/style.css
@@ -250,6 +250,8 @@ body {
     .order_btn:hover {
         background-color: hsl(357, 82%, 45%);
     }
+
+
Original file line number	Diff line number	Diff line change
Expand Up		@@ -250,6 +250,8 @@ body {
		.order_btn:hover {
		background-color: hsl(357, 82%, 45%);
		}





Expand Down