Code review tweaks

wagtail · Aug 29, 2024 · 3ec3cc7 · 3ec3cc7
1 parent 6572058
commit 3ec3cc7
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/frontend/app/Components/BlogIndexPage/Categories.js b/frontend/app/Components/BlogIndexPage/Categories.js
@@ -15,8 +15,8 @@ const Categories = () => {
         <Category />
         <Category />
         <Category />
+        <Category />
       </div>
-      <Category />
     </nav>
   );
 };

diff --git a/frontend/app/Components/BlogIndexPage/Category.js b/frontend/app/Components/BlogIndexPage/Category.js
@@ -3,7 +3,7 @@ import React from 'react';
 const Category = () => {
   return (
     <div className="md:px-8 px-4 md:py-3 py-2 border md:border-4 border-2 md:rounded-br-xl rounded-br-md border-blue_violet">
-      <h1 className="text-[#490ED9] md:font-bold font-semibold md:text-xl text-sm">
+      <h1 className="text-blue_violet md:font-bold font-semibold md:text-xl text-sm">
         Sustainability
       </h1>
     </div>

diff --git a/frontend/app/Components/BlogPage/BlogContent.js b/frontend/app/Components/BlogPage/BlogContent.js
@@ -3,7 +3,7 @@ import Image from 'next/image';
 
 const BlogContent = () => {
   return (
-    <article className="bg-[#F4F4F4] md:pl-36 md:pr-96 px-6">
+    <article className="bg-light_gray md:pl-36 md:pr-96 px-6">
       <p className="text-black md:text-xl text-base">
         Our approach to web design is rooted in minimalism and sustainability,
         ensuring that every site we build is optimized for energy efficiency and

diff --git a/frontend/app/Components/BlogPage/BlogHeader.js b/frontend/app/Components/BlogPage/BlogHeader.js
@@ -2,7 +2,7 @@ import React from 'react';
 
 const BlogHeader = () => {
   return (
-    <div className="bg-[#F4F4F4] md:pl-36 pl-6 md:pr-96 md:pt-20 pt-4">
+    <div className="bg-light_gray md:pl-36 pl-6 md:pr-96 md:pt-20 pt-4">
       <h1 className="md:text-5xl text-2xl text-black font-bold">
         Sustainability Web Designs <br />{' '}
         <span className="text-[#490ED9] font-bold">