Keep the services call to action on one line
The link broke mid-phrase, leaving 'need.' orphaned on its own line at desktop and splitting the phrase on narrow screens.
This commit is contained in:
parent
8bc73d7721
commit
8941f38eb4
1 changed files with 10 additions and 7 deletions
|
|
@ -25,13 +25,16 @@ export function Services() {
|
|||
<LayerAccordion />
|
||||
<p className="mt-8 max-w-[520px] text-sm leading-relaxed text-bone/45">
|
||||
Civil design and residential development are also in-house.{' '}
|
||||
<a
|
||||
href="#contact"
|
||||
className="text-gold underline decoration-gold/40 underline-offset-4 transition-colors hover:text-bone"
|
||||
>
|
||||
Tell us what you need
|
||||
</a>
|
||||
.
|
||||
{/* Kept on one line so the call to action never splits mid-phrase. */}
|
||||
<span className="whitespace-nowrap">
|
||||
<a
|
||||
href="#contact"
|
||||
className="text-gold underline decoration-gold/40 underline-offset-4 transition-colors hover:text-bone"
|
||||
>
|
||||
Tell us what you need
|
||||
</a>
|
||||
.
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue