adjusted styling for project/index.html

prashantStha308 · May 7, 2024 · b7b5399 · b7b5399
1 parent fadb845
commit b7b5399
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 5 deletions.
diff --git a/projects/index.html b/projects/index.html
@@ -30,9 +30,20 @@
 
         <section id="works">
 
-            <div class="container">
+          <section id="text-section">
+            <div id="container">
               <h1 class="text-title"> PROJECTS </h1>
             </div>
+
+            <div id="text-para-container">
+              <p id="text-para">
+                Few projects I've worked on and am working on. As of now, it consists mostly of
+                personal projects.
+              </p>
+            </div>
+
+          </section>
+
 
             <section id="project-images">
 
@@ -70,7 +81,7 @@ <h1 class="text-title"> PROJECTS </h1>
 
             </section>
 
-          </section>
+        </section>
 
 
     </main>

diff --git a/projects/project-style.css b/projects/project-style.css
@@ -83,11 +83,36 @@ main{
     color: rgb(177, 94, 94);
 }
 
-.container{
-    width: 100%;
+
+#text-section{
+    display: grid;
+    justify-content: center;
+    justify-items: center;
+}
+
+
+#container{
+    display: grid;
+    justify-content: center;
+    align-items: center;
+}
+
+#container>h1{
+    margin: 0;
+    padding: 0;
+    font-size: 3rem;
+    color: rgb(146, 69, 69);
+}
+
+#text-para-container{
     display: grid;
     justify-content: center;
-    margin-bottom: 10px;
+    justify-items: center;
+    align-items: center;
+    width: 50vw;
+    font-size: 1.3rem;
+    color: rgb(177, 94, 94);
+    text-align: center;
 }