From e22b4e79db2af919201bd1f284dfd52db242d885 Mon Sep 17 00:00:00 2001
From: Fabeha Rizvi <fabrizvi786@gmail.com>
Date: Sun, 6 Oct 2019 19:26:52 +0530
Subject: [PATCH] Improved style.css fixes #7

---
 index.html |  2 +-
 style.css  | 64 +++++++++++++++++++++++++++++++-----------------------
 2 files changed, 38 insertions(+), 28 deletions(-)

diff --git a/index.html b/index.html
index 61e2f41..0e245b0 100644
--- a/index.html
+++ b/index.html
@@ -35,7 +35,7 @@ <h1 id="result"></h1>
 
       </div>
 <center>
-    <div class="container">
+    <div class="flexbox">
       <h2>Share This Post</h2>
       <div class="social">
         <a href="#" id="share-wa" class="sharer-button"><i class="fa fa-3x fa-whatsapp"></i></a> <!-- -->
diff --git a/style.css b/style.css
index ef3175e..88d123e 100644
--- a/style.css
+++ b/style.css
@@ -1,56 +1,61 @@
-*{
-  color: white;
-  font-family: 'Poppins';
+* {
+	color: white;
+	font-family: "Poppins";
 }
 
-.title, .container h2 {
-  text-shadow: 2px 2px black;
+.title,
+.container h2 {
+	text-shadow: 2px 2px black;
 }
 
 .social a {
-  padding: 0.5em;
+	padding: 0.5em;
 }
 
 .social a:hover {
-  color: turquoise;
+	color: turquoise;
 }
 
-.UserInput{
-  font-size: 20px;
+.UserInput {
+	font-size: 20px;
 }
 
-input[value=Submit] {
-  background-color: white;
-  border: 0.1em solid black;
-  border-radius: 0.25em;
-  color: blue;
-  padding: 0.5em;
+input[value="Submit"] {
+	background-color: white;
+	border: 0.1em solid black;
+	border-radius: 0.25em;
+	color: blue;
+	padding: 0.5em;
 }
 
-input[value=Submit]:hover {
-  background-color: orange;
+input[value="Submit"]:hover {
+	background-color: orange;
 }
 
 .main-container {
-  background: rgb(255,41,149);
-  background: linear-gradient(7deg, rgba(255,41,149,1) 0%, rgba(94,0,255,1) 100%);
-  border-radius: 2em;
-  box-shadow: 6px 10px black;
-  margin-top: 4em;
-  padding: 4em;
-  width: 70%;
+	background: rgb(255, 41, 149);
+	background: linear-gradient(
+		7deg,
+		rgba(255, 41, 149, 1) 0%,
+		rgba(94, 0, 255, 1) 100%
+	);
+	border-radius: 2em;
+	box-shadow: 6px 10px black;
+	margin-top: 4em;
+	padding: 4em;
+	width: 70%;
 }
 
 .container h2 {
-  margin-right: 7.5em;
+	margin-right: 7.5em;
 }
 
 .social {
-  margin-right: 15em;
+	margin-right: 15em;
 }
 
 .social a:hover {
-  color: turquoise;
+	color: turquoise;
 }
 
 /* h1 {
@@ -74,3 +79,8 @@ p {
 }
 body{background-image: url("paper.gif");
 } */
+@media only screen and (max-width: 900px) {
+	.social {
+		margin-right: 0;
+	}
+}