page home responsive & change component element & page blog item

components/layout/header/list/Row.js

@@ -4,7 +4,7 @@ import Link from "next/link";
 
 function Row({ name }) {
     return (
-        <ul className="hidden lg:flex items-center justify-center gap-[40px]">
+        <ul className="hidden lg:flex items-center justify-center gap-[30px] xl:gap-[40px]">
             {listNav.map(nav => (
                 <li
                     key={nav.id}
@@ -12,9 +12,9 @@ function Row({ name }) {
                     <Link
                         href={nav.link}
                         className={`
-                                ${isActiveURL(nav.link.replace('/', ''), name) ? '!text-[#526CAC]' : 'text-[#525252]'}
-                                    text-[16px] font-medium
-                                `}
+                            ${isActiveURL(nav.link.replace('/', ''), name) ? '!text-[#526CAC]' : 'text-[#525252]'}
+                            text-[16px] font-medium
+                        `}
                     >
                         {nav.name}
                     </Link>