From 62263704e9ac983cefec554e2a9078b702507e24 Mon Sep 17 00:00:00 2001
From: zetime <zemenu.azene23@gmail.com>
Date: Sun, 23 Mar 2025 13:56:11 +0300
Subject: [PATCH] text updates

---
 Mini-projects/CSS GRID Advance/index.html | 176 +++++++++++++---------
 1 file changed, 105 insertions(+), 71 deletions(-)
diff --git a/Mini-projects/CSS GRID Advance/index.html b/Mini-projects/CSS GRID Advance/index.html
index 6afb723..75ae318 100644
--- a/Mini-projects/CSS GRID Advance/index.html	
+++ b/Mini-projects/CSS GRID Advance/index.html	
@@ -1,84 +1,118 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>CSS GRID</title>
     <!-- Font -->
-    <link rel="preconnect" href="https://fonts.gstatic.com">
-<link href="https://fonts.googleapis.com/css2?family=Manjari:wght@100&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="main.css">
-</head>
+    <link rel="preconnect" href="https://fonts.gstatic.com" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Manjari:wght@100&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="main.css" />
+  </head>
 
-<body>
+  <body>
+    <p>This is a contribution from a beginner</p>
     <header>
-        <h1>CSS GRID</h1>
+      <h1>CSS GRID</h1>
     </header>
 
     <div class="container">
-        <header class="header">
-            <h1>Logo</h1>
-        </header>
-        <main class="content">
-            <div></div>
-            <article class="article">
-                <h1>Title</h1>
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit aspernatur esse cupiditate
-                    quibusdam assumenda ducimus fuga nobis, eaque quis deserunt.</p>
-                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Incidunt, tempora.</p>
-                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Incidunt, tempora.</p>
-            </article>
-            <article class="article">
-                <h1>Title</h1>
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit aspernatur esse cupiditate
-                    quibusdam assumenda ducimus fuga nobis, eaque quis deserunt.</p>
-                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Incidunt, tempora.</p>
-                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Incidunt, tempora.</p>
-            </article>
-            <article class="article">
-                <h1>Title</h1>
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit aspernatur esse cupiditate
-                    quibusdam assumenda ducimus fuga nobis, eaque quis deserunt.</p>
-                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Incidunt, tempora.</p>
-                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Incidunt, tempora.</p>
-            </article>
-        </main>
-
-        <aside class="sidebar">
-            <div>
-                <img src="https://loremflickr.com/320/240/sport" alt="">
-                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Necessitatibus, eos.</p>
-            </div>
-            <div>
-                <img src="https://loremflickr.com/g/320/240/random" alt="">
-                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Necessitatibus, eos.</p>
-            </div>
-            <div>
-                <img src="https://loremflickr.com/320/240/cities" alt="">
-                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Necessitatibus, eos.</p>
-            </div>
-        </aside>
+      <header class="header">
+        <h1>Logo</h1>
+      </header>
+      <main class="content">
+        <div></div>
+        <article class="article">
+          <h1>Title</h1>
+          <p>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit
+            aspernatur esse cupiditate quibusdam assumenda ducimus fuga nobis,
+            eaque quis deserunt.
+          </p>
+          <p>
+            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Incidunt,
+            tempora.
+          </p>
+          <p>
+            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Incidunt,
+            tempora.
+          </p>
+        </article>
+        <article class="article">
+          <h1>Title</h1>
+          <p>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit
+            aspernatur esse cupiditate quibusdam assumenda ducimus fuga nobis,
+            eaque quis deserunt.
+          </p>
+          <p>
+            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Incidunt,
+            tempora.
+          </p>
+          <p>
+            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Incidunt,
+            tempora.
+          </p>
+        </article>
+        <article class="article">
+          <h1>Title</h1>
+          <p>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit
+            aspernatur esse cupiditate quibusdam assumenda ducimus fuga nobis,
+            eaque quis deserunt.
+          </p>
+          <p>
+            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Incidunt,
+            tempora.
+          </p>
+          <p>
+            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Incidunt,
+            tempora.
+          </p>
+        </article>
+      </main>
 
-        <div class="relasted-post">
-            Another post
-        </div><div class="relasted-post">
-            Another post
-        </div><div class="relasted-post">
-            Another post
-        </div><div class="relasted-post">
-            Another post
-        </div><div class="relasted-post">
-            Another post
+      <aside class="sidebar">
+        <div>
+          <img src="https://loremflickr.com/320/240/sport" alt="" />
+          <p>
+            Lorem ipsum, dolor sit amet consectetur adipisicing elit.
+            Necessitatibus, eos.
+          </p>
         </div>
-        <footer class="footer">
-            <h4>Footer</h4>
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Suscipit, a.</p>
-        </footer>
-    </div>
-    
+        <div>
+          <img src="https://loremflickr.com/g/320/240/random" alt="" />
+          <p>
+            Lorem ipsum, dolor sit amet consectetur adipisicing elit.
+            Necessitatibus, eos.
+          </p>
+        </div>
+        <div>
+          <img src="https://loremflickr.com/320/240/cities" alt="" />
+          <p>
+            Lorem ipsum, dolor sit amet consectetur adipisicing elit.
+            Necessitatibus, eos.
+          </p>
+        </div>
+      </aside>
+
+      <div class="relasted-post">Another post</div>
+      <div class="relasted-post">Another post</div>
+      <div class="relasted-post">Another post</div>
+      <div class="relasted-post">Another post</div>
+      <div class="relasted-post">Another post</div>
+      <footer class="footer">
+        <h4>Footer</h4>
+        <p>
+          Lorem, ipsum dolor sit amet consectetur adipisicing elit. Suscipit, a.
+        </p>
+      </footer>
     </div>
-</body>
 
-</html>
\ No newline at end of file
+    <!-- </div> -->
+  </body>
+</html>
