Thinkful-Ed · maverickad77 · Dec 23, 2023 · Dec 23, 2023 · Dec 23, 2023 · Dec 23, 2023
diff --git a/README.md b/README.md
@@ -1 +1,2 @@
 # starter-pete-thinkful-portfolio
+I made updates to the Index.html and the Style.css as requested within the assignment. 
diff --git a/index.html b/index.html
@@ -13,29 +13,32 @@
   </head>
   <body>
     <!-- Header section -->
-    <header>
+    <header class="title">
+
       <h1>Pete Thinkful | Artist</h1>
       <nav>
         <a href="#about">About</a>
         <a href="#portfolio">Portfolio</a>
         <a href="#contact">Contact</a>
       </nav>
+
     </header>
-
+</body>
     <main>
       <div>
         <!-- About section -->
         <article id="about">
           <h2>About</h2>
-          <section>
-            <h3>Hi! I'm Pete Thinkful</h3>
+          <section class="container">
             <div>
               <img
                 class="image-circle"
                 src="images/pete-thinkful.png"
                 alt="Pete Thinkful"
               />
             </div>
+            <div class="items">
+            <h3>Hi! I'm Pete Thinkful</h3>
             <p>I'm an artist living in Denver, Colorado.</p>
             <p>As an artist, I'm interested in:</p>
             <ul>
@@ -47,6 +50,7 @@ <h3>Hi! I'm Pete Thinkful</h3>
               Please feel free to take a look at my website and feel free to
               <a href="#contact">contact me</a>.
             </p>
+            </div>
           </section>
 
           <section>
@@ -69,37 +73,33 @@ <h3>Pete's Background</h3>
         <!-- Portfolio section -->
         <article id="portfolio">
           <h2>Portfolio</h2>
-          <section>
+          <section class="container">
+            <div class="items" style="margin: 14px; ">
             <h3>Abstract Red</h3>
-            <div>
               <img src="images/abstract-red.png" alt="Abstract Red" />
-            </div>
-            <p>
+            <p style="font-size: 14px;">
               Vaporware wayfarers heirloom neutra disrupt. Activated charcoal
               waistcoat scenester hell of.
             </p>
-          </section>
-
-          <section>
+            </div>
+            <div>
             <h3>Spiral Zany</h3>
             <div>
               <img src="images/spiral-zany.png" alt="Spiral Zany" />
             </div>
-            <p>
+            <p style="font-size: 14px;">
               Sriracha portland taxidermy cronut messenger bag, vegan
               distillery. Vaporware kickstarter air plant mumblecore food truck.
             </p>
-          </section>
-
-          <section>
+          </div>
+           <div class="item" style="margin: 14px; ">
             <h3>Melted Rainbow</h3>
-            <div>
               <img src="images/melted-rainbow.png" alt="Melted Rainbow" />
-            </div>
-            <p>
+            <p style="font-size: 14px; text-align: center;">
               Edison bulb single-origin coffee snackwave, actually ennui
               locavore shabby chic forage.
             </p>
+          </div>
           </section>
         </article>
 

diff --git a/style.css b/style.css
@@ -17,8 +17,27 @@ h3 {
 }
 
 /* Header */
-header {
+header{
+  text-align: center
+}
+.container{
+  display:flex;
   text-align: center;
+  flex-direction: row;
+  justify-content: space-between;
+
+}
+
+.title{
+display: flex;
+flex-direction: row;
+align-items: center;
+justify-content: center;
+}
+.items{
+  display: flex;
+  flex-direction: column;
+  text-align:left;
 }
 
 /* Containers */
@@ -38,7 +57,7 @@ article div {
 }
 
 /* Paragraphs */
-p {
+p { 
   line-height: 1.5;
 }
 
@@ -65,6 +84,7 @@ img {
 .image-circle {
   border: 2px solid #003049;
   border-radius: 50%;
+
 }
 
 /* Footer */
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		# starter-pete-thinkful-portfolio
		I made updates to the Index.html and the Style.css as requested within the assignment.