Assessment revision

Updated html and css code to horizontally center contents of the footer section.
ggalloway92 · May 24, 2024 · 95b060e · 95b060e
1 parent 4db272e
commit 95b060e
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -10,6 +10,8 @@
   <link href="style.css" rel="stylesheet" type="text/css">
 </head>
 
+  <!-- Builds header section and links nav options to different sections of page -->
+
 <body>
   <header>
     <div id="logo">
@@ -28,19 +30,21 @@ <h1>Pete Thinkful | Artist</h1>
 
 
   </header>
-  <!-- TODO: Add header here -->
+
 
   <main>
     <div>
 
       <!-- TODO: Add About section here -->
+
       <article id="about">
         <section>
           <div>
           <h2>About</h2>
           <h3>Hi! I'm Pete Thinkful</h3>
 
-
+      <!-- adds image and main body text to About section -->
+
           <img class="image-circle" src="images/pete-thinkful.png" alt="Pete Thinkful">
         </div>
         </section>
@@ -64,10 +68,14 @@ <h3>Pete's Background</h3>
       <hr>
 
       <!-- TODO: Add Portfolio section here -->
+
       <article id="portfolio">
         <div>
           <h2>Portfolio</h2>
           <h3>Abstract Red</h3>
+
+        <!-- adds images and main body text to Portfolio section -->
+
           <img src="images/abstract-red.png" alt="Abstract Red">
 
         </div>
@@ -87,43 +95,48 @@ <h3>Melted Rainbow</h3>
 
       <hr>
 
-      <!-- TODO: Add Contact section here -->
+
     </div>
   </main>
 
-  <!-- Footer section -->
- <div>
+  <!-- adds contact section to footer and establishes links to social media -->
+
+
+
   <footer>
-   <article id="contact">
 
+   <article id="contact">
+    <div>
 
       <h2>Contact</h2>
 
-
+    </div>
 
 
 
 
     <p>I'd love to hear from you! Please feel free to contact or follow me:</p>
-        
+
 
       <ol>
         <li><a href="https://www.linkedin.com/in/pete-thinkful/" target="_blank">LinkedIn</a></li>
         <li><a href="https://instagram.com/pete.thinkful/" target="_blank">Instagram</a></li>
     <li><a href="https://www.pinterest.com/pete.thinkful/" target="_blank">Pinterest</a></li>
       </ol>
 
-     </article>
+    <br>
+    <br>
 
-    <div>
-
+     <div> 
 
     <p>© Pete Thinkful. All rights reserved.</p>
 
     </div>
+
+     </article>
 
   </footer>
- </div>
+
 </body>
 
 </html>
diff --git a/replit_zip_error_log.txt b/replit_zip_error_log.txt
@@ -1 +1 @@
-{"error":".zip archives do not support non-regular files","level":"error","msg":"unable to write file .cache/replit/modules/replit","time":"2024-05-22T20:27:19Z"}
+{"error":".zip archives do not support non-regular files","level":"error","msg":"unable to write file .cache/replit/modules/replit","time":"2024-05-24T03:57:08Z"}
diff --git a/style.css b/style.css
@@ -5,8 +5,10 @@ body {
   background-color: #eae2b7;
   color: #003049;
   font-family: "Source Sans Pro", Tahoma, Geneva, Verdana, sans-serif;
+
+ /* footer {
   padding: 40px;
-}
+}*/
 nav a{
   padding: 10px;
 }
@@ -63,3 +65,10 @@ hr {
   border-width: 2px;
 
 }
+
+  /* Centers content of footer */
+
+  footer {
+    margin: auto;
+    width: 600px;
+  }
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		{"error":".zip archives do not support non-regular files","level":"error","msg":"unable to write file .cache/replit/modules/replit","time":"2024-05-22T20:27:19Z"}
		{"error":".zip archives do not support non-regular files","level":"error","msg":"unable to write file .cache/replit/modules/replit","time":"2024-05-24T03:57:08Z"}