From d8d63391167a8998ea90284596344c0aa41291d1 Mon Sep 17 00:00:00 2001
From: Vipul-045 <vipulyadav0479@gmail.com>
Date: Fri, 26 Jul 2024 19:26:28 +0530
Subject: [PATCH] Changes in Blog UI

---
 components/BlogBanner.jsx | 8 ++++----
 components/BlogOffer.jsx  | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/BlogBanner.jsx b/components/BlogBanner.jsx
index 3c86b98..cd7d102 100644
--- a/components/BlogBanner.jsx
+++ b/components/BlogBanner.jsx
@@ -3,10 +3,10 @@ import React from 'react'
 
 const BlogBanner = () => {
   return (
-    <div className='blogBanner h-[420px] w-full flex flex-col justify-center gap-4 pl-5 pt-7 text-white'>
-        <h1 className='text-2xl font-bold '>Welcome to Sanity Esports</h1>
-        <span className='text-md'>Your Ultimate Source for Esports News and Blogs</span>
-        <Button className='p-4 rounded-md bg-orange-500 hover:bg-orange-700 w-32'>Read Latest Blogs</Button>
+    <div className='blogBanner h-[420px] w-full flex flex-col justify-center gap-4 pl-5 pt-7 text-white text-center items-center'>
+        <h1 className='text-4xl font-extrabold md:text-5xl '>Welcome to Sanity Esports</h1>
+        <span className='md:auto text-md'>Your Ultimate Source for Esports News and Blogs</span>
+        <Button className='p-4 rounded-md bg-orange-500 hover:bg-orange-700 w-32 '>Read Latest Blogs</Button>
     </div>
   )
 }
diff --git a/components/BlogOffer.jsx b/components/BlogOffer.jsx
index 957fddb..4b2401c 100644
--- a/components/BlogOffer.jsx
+++ b/components/BlogOffer.jsx
@@ -5,7 +5,7 @@ import { Figma } from 'lucide-react';
 
 const BlogOffer = () => {
   return (
-    <div className="flex flex-row items-center gap-4 px-8">
+    <div className="sm:flex flex-row items-center gap-4 px-8">
       <div className="flex-1">
         <Image
           src={capa}