Added image to my about me, I have updated the CSS to make it a circle. I have also did some minor ajustments to the weeklybytes to make it look a little cleaner

1 files changed, 11 insertions, 31 deletions

diff --git a/public/styles.css b/public/styles.css
index 63c1df5..0a3d6d4 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -151,47 +151,27 @@ main a:hover {
 
 .about-content {
     display: flex;
+    align-items: center;
+    flex-direction: row-reverse; 
+}
+
+.about-image {
+    margin-left: 20px; 
+    margin-right: 30px
 }
 
 .about-image img {
-    width: 200px; /* Adjust the width as needed */
-    height: auto; /* Maintain the aspect ratio */
+    width: 200px; 
+    height: auto; 
     border-radius: 50%;
     border: 5px solid #7a4d7c;
-    margin-top: -20px; /* Adjust the negative margin to move the image up */
-}
-
-
-
-
-.about-text {
-    flex: 3; 
 }
 
-.about-text h2 {
+#Articles a {
     color: #7a4d7c;
 }
 
-.about-text p {
-    margin: 10px 0;
-}
-
-.about-text ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-}
-
-.about-text ul li {
-    margin-top: 10px;
-}
-
-.about-text ul li a {
+#Articles a:hover {
     color: #9433ff;
-    text-decoration: none;
-}
-
-.about-text ul li a:hover {
-    text-decoration: underline;
 }