From 7cbcafd30090e486162fc43c36e64e43566c175d Mon Sep 17 00:00:00 2001
From: riki <kcamikir@gmail.com>
Date: Thu, 8 Dec 2022 21:54:43 -0500
Subject: [PATCH] completed solution

---
 index.html | 43 +++++++++++++++++++++++++++++--------------
 style.css  | 25 +++++++++++++++++++++++--
 2 files changed, 52 insertions(+), 16 deletions(-)

diff --git a/index.html b/index.html
index ec3ce73..847acff 100644
--- a/index.html
+++ b/index.html
@@ -24,31 +24,41 @@ <h1>Pete Thinkful | Artist</h1>
 
     <main>
       <div>
+
+        
         <!-- About section -->
         <article id="about">
           <h2>About</h2>
-          <section>
-            <h3>Hi! I'm Pete Thinkful</h3>
-            <div>
+          <section class="about">
+
+            <div >
               <img
                 class="image-circle"
                 src="images/pete-thinkful.png"
                 alt="Pete Thinkful"
               />
             </div>
-            <p>I'm an artist living in Denver, Colorado.</p>
-            <p>As an artist, I'm interested in:</p>
-            <ul>
-              <li>Producing abstract art</li>
-              <li>Creating street graffiti art</li>
-              <li>Connecting with like-minded artists</li>
-            </ul>
-            <p>
-              Please feel free to take a look at my website and feel free to
-              <a href="#contact">contact me</a>.
-            </p>
+            
+            <div class="align-left">
+              <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>
+                <li>Producing abstract art</li>
+                <li>Creating street graffiti art</li>
+                <li>Connecting with like-minded artists</li>
+              </ul>
+              <p>
+                Please feel free to take a look at my website and feel free to
+                <a href="#contact">contact me</a>.
+              </p>
+            </div>
+
           </section>
 
+
+
+          
           <section>
             <h3>Pete's Background</h3>
             <p>
@@ -66,9 +76,13 @@ <h3>Pete's Background</h3>
 
         <hr />
 
+
+
+        
         <!-- Portfolio section -->
         <article id="portfolio">
           <h2>Portfolio</h2>
+          <div class="portfolio">
           <section>
             <h3>Abstract Red</h3>
             <div>
@@ -101,6 +115,7 @@ <h3>Melted Rainbow</h3>
               locavore shabby chic forage.
             </p>
           </section>
+            </div>
         </article>
 
         <hr />
diff --git a/style.css b/style.css
index 852500d..95980e5 100644
--- a/style.css
+++ b/style.css
@@ -18,12 +18,15 @@ h3 {
 
 /* Header */
 header {
-  text-align: center;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
 }
 
 /* Containers */
 div {
-  background-color: #eae2b7;
+  /*background-color: #eae2b7;*//*this line seems to be breaking things*/
   margin: auto;
   width: 600px;
 }
@@ -76,3 +79,21 @@ footer {
 hr {
   border: 1px solid black;
 }
+
+.about {
+  display: flex;
+  align-items: center;
+}
+
+.align-left{
+  text-align: left;
+}
+
+.portfolio{
+  display: flex;
+  text-align: center;
+}
+
+article#portfolio p{
+  font-size: 14px;
+}
\ No newline at end of file