Index reflow

loonylou · Jan 26, 2024 · a4a7d5c · a4a7d5c
1 parent a25d22c
commit a4a7d5c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -32,13 +32,13 @@ <h1 id="sitename" class="col-7 col-sm-7 col-md-5 float-left text-primary">L.Q.</
                     <div id="aboutSection" class="col-12 col-sm-12 col-md-12 anchortarget">
                         <span id="about"></span>
                         <div class="col-12 col-sm-12 col-md-12" id="welcome-section">
+                            <div id="imgDiv">
+                                <img id="profilepic" src="/img/profile.jpeg" alt="Louise Avatar" class="img-responsive float-right">
+                            </div>
                             <h1>Louise Quinn</h1>
                             <p id="about1">
                                 <span>JS, PHP, Python, CSS, MySQL</span>
                             </p>
-                            <div id="imgDiv">
-                                <img id="profilepic" src="/img/profile.jpeg" alt="Louise Avatar" class="img-responsive float-right">
-                            </div>
                             <div id="links" class="col-md-12 text-center">
                                 <a href="https://github.com/loonylou" target="_blank"><i class="fab fa-github"></i></a>
                                 <a href="https://codepen.io/loonylou/" target="_blank"><i class="fab fa-codepen"></i></a>

diff --git a/style.css b/style.css
@@ -11,6 +11,7 @@ body {
 }
 #imgDiv {
 	display: inline-block;
+	margin-bottom: 0.8em;
 }
 #navbar {
 	height: 60px;
@@ -187,10 +188,13 @@ h3 {
 	float: right;
 }
 .fab {
-	font-size: 3em;
+	font-size: 1.3em;
 	border-radius: 50%;
 	margin: 0px 10px;
-	color: #fff;
+	color: #008080;
+}
+#links a:hover i {
+    color: #000;
 }
 a {
 	color: #008080;