✨ feat: add responsive masonry layout for projects display

2025-02-22 23:16:36 +01:00
parent 82d5ab5fcf
commit a36cec04c7
4 changed files with 58 additions and 32 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -196,4 +196,21 @@ body {

 .animate-fade-out {
    animation: fadeOut 3s forwards;
-}
+}
+
+.project-card {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    background: rgba(255, 255, 255, 0.45);
+    border-radius: 16px;
+    padding: 16px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    transition: transform 0.3s ease;
+    width: 100%;
+    height: auto;
+}
+
+.project-card:hover {
+    transform: translateY(-5px);
+}