Changes in Blog UI

dinxsh · Jul 26, 2024 · d8d6339 · d8d6339
1 parent b17c481
commit d8d6339
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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}