feat: optimize grid responsiveness

2023-08-02 17:35:10 +02:00
parent 289b699c12
commit c8c745bb05
4 changed files with 14 additions and 7 deletions
--- a/routes/recipes/index.tsx
+++ b/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" />