worked on speed paint section

index.html

@@ -53,7 +53,7 @@ <h1 class="text-title"> Prashant Shrestha </h1>
 
           <section id="about-me-text">
 
-            I'm Prashant Shrestha,a freelance Illustrator and Frontend developer based in Dharan,Nepal, currently pursuing bachulor's degree
+            I'm Prashant Shrestha,a freelance Illustrator and Frontend developer based in Dharan,Nepal, currently pursuing bachlor's degree
             Information Technology. My style is a colorful blend of anime and realism. I maintain uniqueness in each piece
             by finding different middle grounds and various other factors.  
 

speedpaint/index.html

@@ -30,7 +30,31 @@
 
   <main>
 
-
+    <section id="text-section">
+
+      <div id="title-container">
+        <h1>
+          Speed Paints
+        </h1>
+      </div>
+
+      <div id="text-para-container">
+        <p id="text-para">
+          Speed painting is a practice of painting a subject within certain time constraints.
+          The section consists of Speed Paints that were completed in 30 minutes. These are not to be confused as 
+          complete paintings as they were done in an extremely less time.
+        </p>
+      </div>
+    </section>
+
+    <section id="image-section">
+      <div id="art-container">
+        <img src="./images/SpeedPaint_1.png" alt="speedPaint1" class="display-img">
+        <img src="./images/SpeedPaint_2.png" alt="speedPaint2" class="display-img">
+        <img src="./images/SpeedPaint_3.png" alt="speedPaint3" class="display-img">
+        <img src="./images/speedpaints.png" alt="speedPaint4" class="display-img">
+      </div>
+    </section>
 
   </main>
 

speedpaint/speed-style.css

@@ -66,8 +66,62 @@ main{
     min-height: 180px;
 }
 
+#text-section{
+    display: grid;
+    justify-content: center;
+    justify-items: center;
+}
 
+#title-container{
+    display: grid;
+    justify-content: center;
+    align-items: center;
+}
 
+#title-container>h1{
+    margin: 0;
+    padding: 0;
+    font-size: 3rem;
+    color: rgb(146, 69, 69);
+}
+
+#text-para-container{
+    display: grid;
+    justify-content: center;
+    justify-items: center;
+    align-items: center;
+    width: 50vw;
+    font-size: 1.3rem;
+    color: rgb(177, 94, 94);
+}
+
+
+#image-section{
+    display: grid;
+    justify-content: center;
+    align-items: center;
+    justify-items: center;
+    align-content: center;
+    width: 100vw;
+    margin-bottom: 10vh;
+    margin-top: 5vh;
+}
+
+#art-container{
+    display: grid;
+    grid-template-columns: repeat(2,1fr);
+    gap: 5px;
+}
+
+.display-img{
+    width: 360px;
+    border-radius: 10px;
+    transition: all 0.15s;
+}
+
+.display-img:hover{
+    transform: scale(1.05);
+}
 
 
 /* ============== */