From a15410448374ed8318bf7ddefbf80edd3b7d36a9 Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Mon, 4 Mar 2024 13:22:32 +0530
Subject: [PATCH] add numbers to blog list

---
 _includes/posts.njk | 6 +++++-
 css/style.css       | 5 +++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/_includes/posts.njk b/_includes/posts.njk
index c0c3bf8..cae1cbf 100644
--- a/_includes/posts.njk
+++ b/_includes/posts.njk
@@ -1,10 +1,13 @@
 
 
 <div class="container container--small">
-<ol reversed>
+<ol reversed style="list-style:none">
 	{% for post in posts %}
 	<li>
 		<article class="list-item {% if post.data.link %}list-item--external{% endif %}">
+    <span class="list-item__number">{{ loop.revindex }}</span>
+<div>
+
 			<h3 class="mb-xs">
 				<a href="{% if post.data.link %}{{ post.data.link }}{% else %}{{ post.url | url }}{% endif %}">{{ post.data.title }}</a>
 			</h3>
@@ -20,6 +23,7 @@
 				
 				{% if post.data.website %}<div class="post-website">{{ post.data.website }}</div>{% endif %}
 			</div>
+			<div>
 		</article>
 	</li>
 	{% endfor %}
diff --git a/css/style.css b/css/style.css
index 945cd19..1e8fa63 100644
--- a/css/style.css
+++ b/css/style.css
@@ -241,6 +241,7 @@ blockquote div {
 
 .list-item {
   margin-bottom: 2.5rem;
+  display: flex;
 }
 .list-item__image {
   /* height: 180px; */
@@ -256,9 +257,9 @@ blockquote div {
   display: flex;
 }
 .list-item__number {
-  font-size: 4rem;
+  font-size: 3rem;
   line-height: 1;
-  margin-right: 1rem;
+  margin-right: 0.5rem;
   opacity: 0.2;
   position: relative;
   right: 1rem;