- {themedata?.slice(6)?.map((item, index) => {
+ {themedata?.map((item, index) => {
return (
{}}>
diff --git a/src/components/private/themes/Theme.scss b/src/components/private/themes/Theme.scss
index 66fe498..4d47d4c 100644
--- a/src/components/private/themes/Theme.scss
+++ b/src/components/private/themes/Theme.scss
@@ -5,15 +5,21 @@
position: relative;
overflow: hidden;
+ @media screen and (max-width: 720px) {
+ padding-inline: 1.5rem;
+ }
+
@media screen and (max-width: 576px) {
- padding: 2rem 1.5rem;
+ padding-block: 2rem;
+ padding-inline: 0;
margin-top: 2rem;
}
.themes_container {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- width: 1200px;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ max-width: 1200px;
margin: 0 auto;
margin-top: 6rem;
gap: 40px;
@@ -28,10 +34,8 @@
}
@media screen and (max-width: 576px) {
- display: flex;
- flex-direction: column;
margin: 0;
- width: auto;
+ width: 100%;
padding: 10px;
gap: 40px;
max-width: 100vw;
@@ -102,6 +106,7 @@
.box-item {
position: relative;
-webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
width: 360px;
height: 420px;
margin-bottom: 3px;
@@ -111,6 +116,7 @@
@media screen and (max-width: 500px) {
width: 90vw;
}
+
/* 8 */
}
@@ -206,7 +212,7 @@
border-radius: 20px;
}
- .inner > h3 {
+ .inner>h3 {
font-family: "Poppins";
font-style: normal;
font-weight: 600;
@@ -348,4 +354,4 @@
// align-items: center;
// justify-content: center;
// }
-// }
+// }
\ No newline at end of file
diff --git a/src/components/private/timer/Timer.scss b/src/components/private/timer/Timer.scss
index 506edaa..825d3ad 100644
--- a/src/components/private/timer/Timer.scss
+++ b/src/components/private/timer/Timer.scss
@@ -13,7 +13,7 @@
display: flex;
align-items: center;
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 900px) {
justify-content: center;
}
@@ -24,12 +24,17 @@
align-items: center;
gap: 4rem;
margin-top: -4rem;
+ position: relative;
+
+ @media screen and (max-width: 1400px) {
+ margin-right: 0rem;
+ }
@media screen and (max-width: 1120px) {
margin-top: 0rem;
}
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 900px) {
margin-top: 5rem;
}
@@ -51,6 +56,7 @@
background: #ffffff;
background: linear-gradient(to right, #ffffff 0%, #ff0000 100%);
-webkit-background-clip: text;
+ background-clip: text;
-webkit-text-fill-color: transparent;
@media screen and (max-width: 1120px) {
@@ -80,6 +86,7 @@
width: 90%;
row-gap: 20px;
justify-content: center;
+
.colon {
justify-content: center;
display: flex;
@@ -87,6 +94,13 @@
}
.time {
+ $size: 115px;
+ width: $size;
+ height: $size;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
font-family: "Montserrat", sans-serif;
font-size: 60px;
text-align: center;
@@ -96,11 +110,12 @@
background-color: #2a2727;
padding: 1rem;
border-radius: 18px;
- width: 115px;
- height: 115px;
@media screen and (max-width: 1120px) {
font-size: 30px;
+ $size: 100px;
+ width: $size;
+ height: $size;
}
@media screen and (max-width: 576px) {
@@ -109,6 +124,9 @@
justify-content: center;
flex-direction: column;
padding: 0.5rem;
+ $size: 90px;
+ width: $size;
+ height: $size;
}
p:nth-child(2) {
@@ -160,11 +178,11 @@
.ghori {
width: 55%;
- @media screen and (max-width: 1200px) {
+ @media screen and (max-width: 1400px) {
width: 45%;
}
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 900px) {
display: none;
}
}
diff --git a/src/components/shared/footer/Footer.scss b/src/components/shared/footer/Footer.scss
index 1a3b95a..7d459ac 100644
--- a/src/components/shared/footer/Footer.scss
+++ b/src/components/shared/footer/Footer.scss
@@ -149,6 +149,7 @@
transition: all 2s ease-in-out;
left: 46%;
transform: translateX(-50%);
+ z-index: 2;
@media screen and (max-width: 850px) {
display: none;
@@ -184,10 +185,6 @@
transition: opacity 1.5s ease-in-out;
opacity: 0;
- &:hover {
- opacity: 1;
- }
-
a {
color: var(--h4bred);
text-decoration: none;
@@ -212,9 +209,10 @@
}
.season_linkdiv {
+ opacity: 1;
+
a {
transition: all 1.5s ease-in-out;
- opacity: 1;
z-index: 99;
}
}
@@ -305,4 +303,4 @@
display: none;
}
}
-}
+}
\ No newline at end of file