From ee46195aff9f2eb74ab48030dc51c8f366c9af6b Mon Sep 17 00:00:00 2001
From: Yordan Giron <yordangiron37@gmail.com>
Date: Tue, 30 May 2023 18:21:50 -0700
Subject: [PATCH] finished website

---
 index.html | 99 ++++++++++++++++++++++++++++--------------------------
 style.css  | 26 +++++++++++++-
 2 files changed, 76 insertions(+), 49 deletions(-)

diff --git a/index.html b/index.html
index ec3ce73..f010729 100644
--- a/index.html
+++ b/index.html
@@ -27,26 +27,26 @@ <h1>Pete Thinkful | Artist</h1>
         <!-- About section -->
         <article id="about">
           <h2>About</h2>
-          <section>
-            <h3>Hi! I'm Pete Thinkful</h3>
+          <section id="s1">
+            <img
+              class="image-circle"
+              src="images/pete-thinkful.png"
+              alt="Pete Thinkful"
+            />
             <div>
-              <img
-                class="image-circle"
-                src="images/pete-thinkful.png"
-                alt="Pete Thinkful"
-              />
+              <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>
-            <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>
           </section>
 
           <section>
@@ -69,38 +69,41 @@ <h3>Pete's Background</h3>
         <!-- Portfolio section -->
         <article id="portfolio">
           <h2>Portfolio</h2>
-          <section>
-            <h3>Abstract Red</h3>
-            <div>
-              <img src="images/abstract-red.png" alt="Abstract Red" />
-            </div>
-            <p>
-              Vaporware wayfarers heirloom neutra disrupt. Activated charcoal
-              waistcoat scenester hell of.
-            </p>
-          </section>
+          <div id="imageflex">
+            <section>
+              <h3>Abstract Red</h3>
+              <div>
+                <img src="images/abstract-red.png" alt="Abstract Red" />
+              </div>
+              <p>
+                Vaporware wayfarers heirloom neutra disrupt. Activated charcoal
+                waistcoat scenester hell of.
+              </p>
+            </section>
 
-          <section>
-            <h3>Spiral Zany</h3>
-            <div>
-              <img src="images/spiral-zany.png" alt="Spiral Zany" />
-            </div>
-            <p>
-              Sriracha portland taxidermy cronut messenger bag, vegan
-              distillery. Vaporware kickstarter air plant mumblecore food truck.
-            </p>
-          </section>
+            <section>
+              <h3>Spiral Zany</h3>
+              <div>
+                <img src="images/spiral-zany.png" alt="Spiral Zany" />
+              </div>
+              <p>
+                Sriracha portland taxidermy cronut messenger bag, vegan
+                distillery. Vaporware kickstarter air plant mumblecore food
+                truck.
+              </p>
+            </section>
 
-          <section>
-            <h3>Melted Rainbow</h3>
-            <div>
-              <img src="images/melted-rainbow.png" alt="Melted Rainbow" />
-            </div>
-            <p>
-              Edison bulb single-origin coffee snackwave, actually ennui
-              locavore shabby chic forage.
-            </p>
-          </section>
+            <section>
+              <h3>Melted Rainbow</h3>
+              <div>
+                <img src="images/melted-rainbow.png" alt="Melted Rainbow" />
+              </div>
+              <p>
+                Edison bulb single-origin coffee snackwave, actually ennui
+                locavore shabby chic forage.
+              </p>
+            </section>
+          </div>
         </article>
 
         <hr />
diff --git a/style.css b/style.css
index 852500d..fe1811d 100644
--- a/style.css
+++ b/style.css
@@ -18,10 +18,29 @@ h3 {
 
 /* Header */
 header {
+  align-items: center;
+  justify-content: center;
+  display: flex;
   text-align: center;
 }
 
 /* Containers */
+#s1 {
+  justify-content: center;
+  align-items: center;
+  text-align: left;
+  display:flex;
+  flex-direction: row;
+}
+
+#portfolio div{
+  text-align: center;
+}
+
+#imageflex {
+  display:flex;
+}
+
 div {
   background-color: #eae2b7;
   margin: auto;
@@ -33,7 +52,6 @@ article {
 }
 
 article div {
-  text-align: center;
   width: 100%;
 }
 
@@ -56,6 +74,11 @@ nav a {
 }
 
 /* Images */
+#imageflex img{
+max-width: 150px;
+}
+
+
 img {
   width: 100%;
   max-width: 200px;
@@ -65,6 +88,7 @@ img {
 .image-circle {
   border: 2px solid #003049;
   border-radius: 50%;
+  margin: 40px;
 }
 
 /* Footer */