Skip to content

Conversation

@Harikrishnan1367709
Copy link
Contributor

Problem:
The landing page Hero section had insufficient horizontal padding on mobile devices, especially when Spanish language is selected. The longer Spanish text "Despliegue en Cualquier lugar con Total Libertad y Facilidad" was being cut off and appeared cramped.

Solution:

  • Increased mobile padding from px-4 to px-8 (16px → 32px)
  • Reduced mobile text size from text-5xl to text-4xl for better fit
  • Added responsive breakpoints: px-8 sm:px-8 md:px-10 lg:px-12
  • Adjusted paragraph text size: text-base sm:text-lg
  • Reduced max-width on mobile: max-w-3xl sm:max-w-4xl
Screenshot 2025-10-15 at 6 51 35 PM Screenshot 2025-10-15 at 6 52 14 PM

Fix -#2818

…crease mobile padding from px-4 to px-8 for better text spacing - Reduce mobile text size from text-5xl to text-4xl for better fit - Add responsive breakpoints for better mobile experience - Adjust paragraph text size for mobile devices - Fix text overflow issues with longer Spanish text content -#2818
Comment on lines 41 to 42
const tagName =
posts[0].tags?.find((t: { slug: string }) => t.slug === tag)?.name || tag;
(posts[0] as any).tags?.find((t: any) => t.slug === tag)?.name || tag;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can changes like this be undone? I see you are adding “any” instead of the types that are currently there, please only focus on the initial issue

@Siumauricio
Copy link
Contributor

We don't have languages anymore in the website so we can close this

@Harikrishnan1367709
Copy link
Contributor Author

We don't have languages anymore in the website so we can close this

ok @Siumauricio

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants