layout fixed

Author: tonmoycoder

src/Components/Pages/Blog/Blog.css

@@ -1,4 +1,4 @@
 .blog_style{
-    background: linear-gradient(#e66465, #9198e5);
+    background: linear-gradient(#95e7e82d, #73b2d113);
     height: 100%;
 }

src/Components/Pages/Blog/Blog.js

@@ -7,7 +7,7 @@ const Blog = () => {
       <div className="p-8">
         <div>
           <h4 className="font-bold text-2xl">
-            1. what is <span className="font-extrabold roboto text-3xl text-yellow-300">cors?</span>
+            1. what is <span className="font-extrabold roboto text-3xl text-orange-600">cors?</span>
             ?
           </h4>
           <br />
@@ -31,9 +31,9 @@ const Blog = () => {
         <div>
           <h4 className="font-bold text-2xl">
             2. Why are you using{' '}
-            <span className="font-extrabold roboto text-3xl text-yellow-300">firebase?</span> What
+            <span className="font-extrabold roboto text-3xl text-orange-600">firebase?</span> What
             other options do you have to implement{' '}
-            <span className="font-extrabold roboto text-3xl text-yellow-300">authentication?</span>
+            <span className="font-extrabold roboto text-3xl text-orange-600">authentication?</span>
           </h4>
           <br />
           <p className="px-8">
@@ -67,7 +67,7 @@ const Blog = () => {
         <div>
           <h4 className="font-bold text-2xl">
             3. How does the {''}
-            <span className="font-extrabold roboto text-3xl text-yellow-300">
+            <span className="font-extrabold roboto text-3xl text-orange-600">
               private route
             </span>{' '}
             work?
@@ -88,8 +88,8 @@ const Blog = () => {
         <div>
           <h4 className="font-bold text-2xl">
             2. What is  {' '}
-            <span className="font-extrabold roboto text-3xl text-yellow-300">Node?</span>  How does  {' '}
-            <span className="font-extrabold roboto text-3xl text-yellow-300">Node </span>work?
+            <span className="font-extrabold roboto text-3xl text-orange-600">Node?</span>  How does  {' '}
+            <span className="font-extrabold roboto text-3xl text-orange-600">Node </span>work?
           </h4>
           <br />
           <p className="px-8">

src/Components/Pages/Category/Category.js

@@ -8,13 +8,14 @@ const Category = () => {
     return (
         <div>
             <div>
-            <h2>Total Courses in this category: {categoryNews.length}</h2>
-            {
+            <h2 className='text-center my-4 text-2xl'>Total Courses in this category:<em> {categoryNews.length}</em></h2>
+            <div className='ml-8 grid d md:grid-cols-3 sm:grid-cols-1 gap-3'>{
                 categoryNews.map(news =><NewsSummaryCard
                     key={news._id}
                     news={news}
                 ></NewsSummaryCard>)
             }
+            </div>
         </div>
         </div>
     );

src/Components/Pages/Header/Header.css

@@ -4,7 +4,6 @@
 }
 
 
-
 @media (max-width: 800px) {
   .Navbar_container {
     padding: 0 1rem;

src/Components/Pages/Header/Header.js

@@ -14,6 +14,8 @@ const Header = () => {
       .catch((error) => console.error(error));
   };
 
+ 
+
   return (
     <div className="Navbar_container  ">
       <div className="all-content py-2  flex items-center justify-between">

src/Components/Pages/pdf/ReactPdf.js

@@ -12,7 +12,7 @@ const ReactPdf = () => {
         {({ toPdf }) => <button className="btn btn-success" onClick={toPdf}>Download Pdf</button>}
       </Pdf>
       <div ref={ref}>
-        <h1 className='mt-5'>Download course guideline in PDF 🙄</h1>
+        <h1 className='mt-5'>Download course guideline in PDF</h1>
       </div>
     </div>
   );