just fixed some stuff :D
diff --git a/styles/Components/card.module.css b/styles/Components/card.module.css
index 52544a4..775be5c 100644
--- a/styles/Components/card.module.css
+++ b/styles/Components/card.module.css
@@ -32,6 +32,13 @@
overflow: hidden;
margin: 100px;
transition: filter 0.3s ease-in-out;
+ transition: transform 0.15s ease-in-out;
+
+ transition: all 10s ease-in-out;
+}
+.card:hover {
+ transform: scale(1.025);
+ cursor: pointer;
}
@@ -117,4 +124,36 @@
.card {
height: 254px;
}
+}
+
+
+.card.clicked {
+ transform: scale(1) !important;
+ z-index: 9999;
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+}
+
+.backgroundGradient.clicked {
+ background-image: red;
+}
+
+/* .image.clicked {
+ width: 1000px !important;
+} */
+
+.container {
+ width: calc(100% - 20px);
+ height: 100%;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ gap: 20px;
+}
+
+.item {
+ width: min(428px, 90%);
}
\ No newline at end of file