实现响应式导航栏组件

src/app/(home)/@header/_client/solution.tsx

@@ -12,7 +12,7 @@ import {StaticImageData} from 'next/image'
 
 export default function SolutionMenu() {
   return (
-    <Wrap className="grid grid-cols-4 auto-rows-fr gap-4 h-75">
+    <Wrap className="grid grid-cols-2 lg:grid-cols-4 lg:auto-rows-fr gap-4">
       <SolutionItem
         icon={s01}
         title="数据抓取"
@@ -65,7 +65,7 @@ function SolutionItem(props: {
   return (
     <div
       className={[
-        `h-full p-4 flex gap-4 items-start rounded-md cursor-pointer`,
+        `h-full lg:p-4 flex gap-4 items-start rounded-md cursor-pointer`,
         `transition-colors duration-200 hover:bg-blue-50`,
       ].join(' ')}
     >