Merge pull request #1812 from VidhanThakur09/vidhan

fixed social media icons and unalign icons
ANSHIKA-26 · Nov 9, 2024 · f38ad95 · f38ad95 · vercel · Nov 9, 2024
2 parents 43f8669 + 7558e3f
commit f38ad95
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -1528,7 +1528,7 @@ <h3>Sentence: </h3>
     border-radius: 15px; /* Adds curved edges */
     margin: 0 auto; /* Centers the element */
     padding: 10px; /* Adds inner spacing */
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Optional: adds shadow for a 
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);} /* Optional: adds shadow for a 
             }
             .word-entry {
                 display: flex;

diff --git a/start_writing.css b/start_writing.css
@@ -172,7 +172,7 @@ textarea#blogContent::placeholder {
 }
 
 .footer-container {
-  width: 90%;
+  width: 100%;
   margin: 0 auto;
 }
 

diff --git a/style.css b/style.css
@@ -3812,6 +3812,16 @@ h1 + p, p + p {
   font-size: 20px; /* Adjust icon size */
   padding: 0;
 }
+.post-tags #facebook,#instagram,#twitter,#dribbble,#github{
+  width: 50px; /* Ensure all icons are the same size */
+  height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%; /* Make them circular */
+  font-size: 20px; /* Adjust icon size */
+  padding: 0;
+}
 #twitter:hover{
   color: white;
   background-color: #14171A;