From 0387fce270f462bcfdaac8a41924a9d3dd44d1ef Mon Sep 17 00:00:00 2001 From: Ayush Yadav Date: Sat, 4 May 2024 12:07:57 +0530 Subject: [PATCH 1/2] Update style.css --- expanding-cards/style.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/expanding-cards/style.css b/expanding-cards/style.css index a6fe024..dc62da3 100644 --- a/expanding-cards/style.css +++ b/expanding-cards/style.css @@ -30,6 +30,8 @@ body { flex: 0.5; margin: 10px; position: relative; +} +.panel:hover{ -webkit-transition: all 700ms ease-in; } From ce32a2899d55cb7a5d8fb52169f89d711d14bac9 Mon Sep 17 00:00:00 2001 From: Ayush Yadav Date: Sat, 4 May 2024 12:11:14 +0530 Subject: [PATCH 2/2] Delete expanding-cards/style.css --- expanding-cards/style.css | 65 --------------------------------------- 1 file changed, 65 deletions(-) delete mode 100644 expanding-cards/style.css diff --git a/expanding-cards/style.css b/expanding-cards/style.css deleted file mode 100644 index dc62da3..0000000 --- a/expanding-cards/style.css +++ /dev/null @@ -1,65 +0,0 @@ -@import url('https://fonts.googleapis.com/css?family=Muli&display=swap'); - -* { - box-sizing: border-box; -} - -body { - font-family: 'Muli', sans-serif; - display: flex; - align-items: center; - justify-content: center; - height: 100vh; - overflow: hidden; - margin: 0; -} - -.container { - display: flex; - width: 90vw; -} - -.panel { - background-size: cover; - background-position: center; - background-repeat: no-repeat; - height: 80vh; - border-radius: 50px; - color: #fff; - cursor: pointer; - flex: 0.5; - margin: 10px; - position: relative; -} -.panel:hover{ - -webkit-transition: all 700ms ease-in; -} - -.panel h3 { - font-size: 24px; - position: absolute; - bottom: 20px; - left: 20px; - margin: 0; - opacity: 0; -} - -.panel.active { - flex: 5; -} - -.panel.active h3 { - opacity: 1; - transition: opacity 0.3s ease-in 0.4s; -} - -@media (max-width: 480px) { - .container { - width: 100vw; - } - - .panel:nth-of-type(4), - .panel:nth-of-type(5) { - display: none; - } -}