fix: tablet responsiveness - wider layout, bigger text, 3-col grid for Tab S Ultra

2026-02-18 10:45:53 +00:00
parent c222c880a3
commit 37f4bda795
10 changed files with 14 additions and 14 deletions
--- a/frontend/src/components/recipe/RecipeCard.tsx
+++ b/frontend/src/components/recipe/RecipeCard.tsx
@@ -34,7 +34,7 @@ export function RecipeCard({ recipe }: { recipe: Recipe }) {
      </Link>
      <div className="p-3">
        <Link to={`/recipe/${recipe.slug}`}>
-          <h3 className="font-display text-base text-espresso line-clamp-2">{recipe.title}</h3>
+          <h3 className="font-display text-base sm:text-lg text-espresso line-clamp-2">{recipe.title}</h3>
        </Link>
        <div className="flex items-center justify-between mt-2">
          {totalTime > 0 && (