diff --git a/flex Property/new.html b/flex Property/new.html
index aeddd327..8692fdaa 100644
--- a/flex Property/new.html
+++ b/flex Property/new.html
@@ -24,7 +24,7 @@
flex: 1;
padding: 20px;
text-align: center;
- transition: box-shadow 0.3s; /* Added transition for smoother effect */
+ transition: transform 0.3s ease, box-shadow 0.3s ease; /*more smoother transition*/
}
.section:nth-child(1) {
@@ -40,7 +40,7 @@
}
h1 {
- color: #ffh;
+ color: #fff; /* valid white color */
}
p {
@@ -49,9 +49,18 @@
/* Added hover effect */
.section:hover {
- box-shadow: 0 0 15px 5px rgba(256, 256, 256, 0.7);
+ box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.7); /*valid color code*/
transform: scale(1.2,1.2);
}
+ @media (max-width: 768px) {
+ .container {
+ flex-direction: column; /* ✅ stack vertically on small screens */
+ }
+ .section {
+ transform: none; /* prevent zoom issues on mobile */
+ }
+ }
+