Merge pull request smaranjitghose#719 from Rohit-Parameswaran/change-…

…form-ui Form UI changed
jain-rishabh-21 · Mar 19, 2021 · 849206b · 849206b
2 parents 834ce0a + 1df70d1
commit 849206b
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/src/pages/Home/sections/Contact/ContactUs.module.css b/src/pages/Home/sections/Contact/ContactUs.module.css
@@ -18,7 +18,7 @@
 
 .map {
   min-height: 60vh;
-  min-width: 418px;
+  min-width: 350px;
   display: flex;
   align-items: center;
   flex: 1;

diff --git a/src/pages/Home/sections/Contact/components/EmojiRating/EmojiRating.module.css b/src/pages/Home/sections/Contact/components/EmojiRating/EmojiRating.module.css
@@ -13,6 +13,7 @@
   cursor: pointer;
   transition: 0.3s;
   margin: 8px;
+  display: block;
 }
 
 .radio:checked ~ span {
@@ -21,7 +22,12 @@
   margin: 6px;
 }
 
+.emoji {
+  transition: all 0.5s ease-in;
+}
+
 .emoji:hover {
   filter: grayscale(0);
   opacity: 1;
+  transform: scale(1.5);
 }
diff --git a/src/pages/Home/sections/Contact/components/ExperienceForm/ExpForm.module.css b/src/pages/Home/sections/Contact/components/ExperienceForm/ExpForm.module.css
@@ -3,7 +3,7 @@ textarea {
 }
 
 .info {
-  width: 350px;
+  width: 500px;
 }
 
 .general_info {
@@ -60,6 +60,11 @@ textarea {
   color: #7b7474;
 }
 
+.contact_form textarea:focus{
+  border: 1px solid white;
+  border-radius: 20px;
+}
+
 .submit {
   background: #3d1f90;
   font-size: 14px;
@@ -177,8 +182,9 @@ textarea {
   font-weight: bold;
 }
 
-@media (max-width: 768px) {
+@media (max-width: 890px) {
   .info {
-    min-width: 70%;
+    width: 450px;
   }
 }
+