From 99a4a7606e70489f6807bd72a36527f0418a3949 Mon Sep 17 00:00:00 2001
From: Shaik Arshid Banu <arshidbanushaik@gmail.com>
Date: Fri, 5 Jan 2024 22:46:30 +0530
Subject: [PATCH] Enhancing the Contact Me section (adjusting content)

---
 index.html | 10 +++++-----
 styles.css |  7 ++++++-
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 5ac55d2..55ccf0a 100644
--- a/index.html
+++ b/index.html
@@ -365,27 +365,27 @@ <h1>Contact Me</h1>
         <div class="contact-info">
             <div class="contact-item">
                 <img src="./assets/mail.svg" alt="Email Icon">
-                <p>Email: <a href="mailto:your.email@example.com">your.email@example.com</a></p>
+                <p style="margin:5px">Email: <a href="mailto:your.email@example.com">your.email@example.com</a></p>
             </div>
 
             <div class="contact-item">
                 <img src="assets/telephone.png" width="30" height="30" alt="Phone Icon">
-                <p>Phone: <a href="tel:+123456789">+123 456 789</a></p>
+                <p style="margin:5px">Phone: <a href="tel:+123456789">+123 456 789</a></p>
             </div>
 
             <div class="contact-item">
                 <img src="./assets/location.png" width="30" height="30" alt="Address Icon">
-                <p>Address: 123 Main St, Cityville, Country</p>
+                <p style="margin:5px">Address: 123 Main St, Cityville, Country</p>
             </div>
 
             <div class="contact-item">
                 <img src="./assets/linkedin.svg" alt="LinkedIn Icon">
-                <p>LinkedIn: <a href="https://www.linkedin.com/in/yourusername/" target="_blank">Your LinkedIn</a></p>
+                <p style="margin:5px">LinkedIn: <a href="https://www.linkedin.com/in/yourusername/" target="_blank">Your LinkedIn</a></p>
             </div>
 
             <div class="contact-item">
                 <img src="./assets/twitter.svg" alt="Twitter Icon">
-                <p>Twitter: <a href="https://twitter.com/yourusername" target="_blank">Your Twitter</a></p>
+                <p style="margin:5px">Twitter: <a href="https://twitter.com/yourusername" target="_blank">Your Twitter</a></p>
 
             </div>
         </div>
diff --git a/styles.css b/styles.css
index b3aaa87..26d290b 100644
--- a/styles.css
+++ b/styles.css
@@ -638,7 +638,7 @@ details p {
       background-color: #f6f6f6;
   }
 
-
+  
 
 @media screen and (max-width: 918px) {
   .box {
@@ -1193,3 +1193,8 @@ blockquote {
   background-color: #3498db;
   border-radius: 6px;
 }
+
+/* contact-item */
+.contact-item{
+ display:flex;
+}
\ No newline at end of file