diff --git a/index.html b/index.html
index ec3ce73..039e73c 100644
--- a/index.html
+++ b/index.html
@@ -14,12 +14,16 @@
   <body>
     <!-- Header section -->
     <header>
+      <div class="group">
       <h1>Pete Thinkful | Artist</h1>
+        <div class="item">
       <nav>
         <a href="#about">About</a>
         <a href="#portfolio">Portfolio</a>
         <a href="#contact">Contact</a>
       </nav>
+        </div>
+      </div>
     </header>
 
     <main>
@@ -28,14 +32,16 @@ <h1>Pete Thinkful | Artist</h1>
         <article id="about">
           <h2>About</h2>
           <section>
-            <h3>Hi! I'm Pete Thinkful</h3>
-            <div>
+            <div class="group">
+            <div class="item">
               <img
                 class="image-circle"
                 src="images/pete-thinkful.png"
                 alt="Pete Thinkful"
               />
             </div>
+              <div class="item">
+            <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 +53,8 @@ <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>
+            </div>
           </section>
 
           <section>
@@ -69,38 +77,44 @@ <h3>Pete's Background</h3>
         <!-- Portfolio section -->
         <article id="portfolio">
           <h2>Portfolio</h2>
+          <div class="other-group">
+            <div class="item">
           <section>
             <h3>Abstract Red</h3>
             <div>
               <img src="images/abstract-red.png" alt="Abstract Red" />
             </div>
-            <p>
+            <p class="font-size">
               Vaporware wayfarers heirloom neutra disrupt. Activated charcoal
               waistcoat scenester hell of.
             </p>
           </section>
-
+            </div>
+          <div class="item">
           <section>
             <h3>Spiral Zany</h3>
             <div>
               <img src="images/spiral-zany.png" alt="Spiral Zany" />
             </div>
-            <p>
+            <p class="font-size">
               Sriracha portland taxidermy cronut messenger bag, vegan
               distillery. Vaporware kickstarter air plant mumblecore food truck.
             </p>
           </section>
-
+          </div>
+          <div class="item">
           <section>
             <h3>Melted Rainbow</h3>
             <div>
               <img src="images/melted-rainbow.png" alt="Melted Rainbow" />
             </div>
-            <p>
+            <p class="font-size">
               Edison bulb single-origin coffee snackwave, actually ennui
               locavore shabby chic forage.
             </p>
           </section>
+          </div>
+          </div>
         </article>
 
         <hr />
diff --git a/style.css b/style.css
index 852500d..52fb4b0 100644
--- a/style.css
+++ b/style.css
@@ -15,6 +15,25 @@ h3 {
   font-family: "Playfair Display", Times, serif;
   text-align: center;
 }
+.group{
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  
+}
+.other-group{
+  display: flex;
+  flex-direction: row;
+}
+.item{
+  flex:1;
+   align-items: center;
+   margin: 5px;
+}
+
+.font-size{
+  font-size: 14px;
+}
 
 /* Header */
 header {
