fix: Hostinger SVG overflow on mobile

[louisescher]

Description

• Fixes an overflow issue happening on mobile devices with the Hostinger SVG

Summary by CodeRabbit

• Style
  • Improved SVG sizing constraints in hero and CTA sections for consistent visual presentation across different viewport sizes.

[coderabbitai]

📝 Walkthrough

Walkthrough

SVG sizing constraints are added to the hero and hosting-cta sections by setting max-width and width properties. These styling adjustments limit SVG render width to 300px while maintaining responsive scaling, affecting only visual presentation.

Changes

Cohort / File(s)	Summary
SVG Styling Updates www/src/pages/index.astro	Added max-width: 300px and width: 100% CSS rules to SVG elements in hero and hosting-cta sections to constrain rendering dimensions.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

🐰 The SVGs now bow with grace,
Three hundred pixels is their space,
Responsive width flows smooth and wide,
Our styling tweaks look neat inside!
A small adjustment, clean and bright! ✨

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Merge Conflict Detection	✅ Passed	✅ No merge conflicts detected when merging into main
Title check	✅ Passed	The title 'fix: Hostinger SVG overflow on mobile' directly summarizes the main change: addressing SVG overflow issues on mobile devices through CSS adjustments in index.astro.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix/hostinger-ad-css

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}