leoMirandaa / shadcn-landing-page

Free Landing page template using Shadcn, React, Typescript and Tailwind
https://shadcn-landing-page.vercel.app
MIT License
1.12k stars 233 forks source link

style: replaced {' '} with   to prevent line breaks #12

Open douglas-espindola opened 2 months ago

douglas-espindola commented 2 months ago

Explanation of Changes

I have replaced instances of {" "} with   in several parts of the code. This change was made to improve both the semantics and layout consistency of the project. The   (Non-Breaking Space) ensures that specific elements, such as words or phrases, will not break across lines, which can be important for maintaining visual integrity.

Reasons for the change:

1 - Preventing Unwanted Line Breaks: By using  , we can prevent text from being broken up in inappropriate places, especially in responsive designs where space is limited.

2 - Improved Semantics: The   is more semantically correct when the goal is to prevent breakpoints, as it explicitly conveys the intention of keeping elements together.

3 - Visual Consistency: This ensures that elements such as names, phrases, or numbers that should remain on the same line do so, regardless of screen size or resolution.

This change was carefully tested to ensure that the design and layout behave correctly on various screen sizes.

vercel[bot] commented 2 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
shadcn-landing-page ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 10, 2024 4:47pm