feat: optimize grid responsiveness

routes/recipes/index.tsx

@@ -15,9 +15,9 @@ export const handler: Handlers<Recipe[] | null> = {
 export default function Greet(props: PageProps<Recipe[] | null>) {
   return (
     <MainLayout url={props.url}>
-      <header class="flex gap-4 items-center mb-5 md:hidden">
+      <header class="flex gap-4 items-center mb-2 lg:mb-5 md:hidden">
         <a
-          class="px-4 ml-4 py-2 bg-gray-300 text-gray-800 rounded-lg flex items-center gap-1"
+          class="px-4 lg:ml-4 py-2 bg-gray-300 text-gray-800 rounded-lg flex items-center gap-1"
           href="/"
         >
           <IconArrowLeft class="w-5 h-5" />