From 5023cdeee28cb7b5180c6b955e0219a55accc251 Mon Sep 17 00:00:00 2001
From: Karan-Semwal <kar9205an@gmail.com>
Date: Tue, 4 Jun 2024 12:50:55 +0530
Subject: [PATCH] Centering news elements

---
 src/pages/News.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/News.jsx b/src/pages/News.jsx
index b0c0e98..2ef82cc 100644
--- a/src/pages/News.jsx
+++ b/src/pages/News.jsx
@@ -39,10 +39,10 @@ function News() {
           (
             <div className="text-gray-900 min-h-screen">
               <Navbar />
-              <h1 className="text-3xl font-bold text-center mt-20 text-white p-6">
+              <h1 className="text-3xl font-bold text-center mt-10 mb-10 text-white p-6">
                 Trending Food and Health News
               </h1>
-              <main className="mt-24 p-4">
+              <main className="p-4 flex justify-center items-center">
                 <div className="container grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
                   {articles.map((article, index) => (
                     <NewsCard key={index} article={article} />