From ce66cedd45900cba040bfc4006717519dba79d17 Mon Sep 17 00:00:00 2001 From: Prasundas99 Date: Thu, 19 Nov 2020 01:48:44 +0530 Subject: [PATCH 1/3] Worked on responsivness --- css/main.css | 37 ++++++++++++++++++++++++++++++++++--- index.html | 22 +++++++++++----------- 2 files changed, 45 insertions(+), 14 deletions(-) diff --git a/css/main.css b/css/main.css index db3e84f..97b9f9b 100644 --- a/css/main.css +++ b/css/main.css @@ -16,6 +16,12 @@ html { font-size: 62.5%} .settings-svg :hover img { animation: bounce 0.4s linear; } + /*Removing inline css*/ + .settings-svg img{ + height :25 ; + width: 25; + + } form {text-align: center;} @@ -29,10 +35,10 @@ html { font-size: 62.5%} } - + .right { - margin: 0 94%; - padding: 3rem; + margin: 3rem auto auto 90%; + } .active { @@ -95,6 +101,21 @@ html { font-size: 62.5%} width: 60%; height: 6vh; } + @media only screen and (max-width: 800px) { + input[type=text] { + + padding: 15px 32px; + font-size: 15px; + margin: 5px; + width: 80%; + height: 6vh; + } + } + .bounce{ + height: 35px; + width: 35px; + + } .lists :hover img { animation: bounce 0.4s linear; @@ -176,9 +197,19 @@ html { font-size: 62.5%} #footer-align { margin: 0 auto; } + @media only screen and (max-width: 400px) { + + } + + #footer-align h6 { font-size: 1.3rem; } + @media only screen and (max-width: 800px) { + #footer-align h6 { + font-size: 1.3rem; + } + } #footer-align img { margin-left: 18%; } diff --git a/index.html b/index.html index 5cc1519..2e2721e 100644 --- a/index.html +++ b/index.html @@ -11,20 +11,20 @@ Vison Search - + -
-
+
+
- + settings
-
+
@@ -49,25 +49,25 @@
-
+
-
+
-
+
-
+
@@ -90,7 +90,7 @@
Getting Location

-
+