Skip to content

Commit 7524fde

Browse files
committed
fix ctaMobilt btn display state
1 parent 954e40b commit 7524fde

2 files changed

Lines changed: 29 additions & 13 deletions

File tree

src/components/CallToAction/index.tsx

Lines changed: 23 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,11 +11,25 @@ export default function CallToAction(): React.JSX.Element {
1111
<div className="col col--6 d-flex align-items-center">
1212
<div>
1313
<h2 className={styles.header}>When Your Project Demands More</h2>
14-
<p style={{ fontSize: '1.1rem', lineHeight: '1.6', marginBottom: '1rem', color: '#666' }}>
14+
<p
15+
style={{
16+
fontSize: "1.1rem",
17+
lineHeight: "1.6",
18+
marginBottom: "1rem",
19+
color: "#666",
20+
}}
21+
>
1522
Postcodes.io is our free and reliable tool for UK postcode
1623
lookup and geocoding.
1724
</p>
18-
<p style={{ fontSize: '1.1rem', lineHeight: '1.6', marginBottom: '2rem', color: '#666' }}>
25+
<p
26+
style={{
27+
fontSize: "1.1rem",
28+
lineHeight: "1.6",
29+
marginBottom: "2rem",
30+
color: "#666",
31+
}}
32+
>
1933
When you need broader coverage, fresher and more detailed
2034
address data, and expert support, Ideal Postcodes is built for
2135
high-demand applications.
@@ -38,10 +52,15 @@ export default function CallToAction(): React.JSX.Element {
3852
<p className={styles.cardTitle}>
3953
What you get with Ideal Postcodes
4054
</p>
41-
<li>Whole United Kingdom &amp; territories, international datasets</li>
55+
<li>
56+
Whole United Kingdom &amp; territories, international datasets
57+
</li>
4258
<li>Rooftop Geocodes and UPRNs on every search</li>
4359
<li>Property level precision</li>
44-
<li>Updated daily from Royal Mail, Ordnance Survey and other UK data providers</li>
60+
<li>
61+
Updated daily from Royal Mail, Ordnance Survey and other UK
62+
data providers
63+
</li>
4564
<li>Dedicated Support</li>
4665
</ul>
4766
</div>

src/components/CallToAction/styles.module.css

Lines changed: 6 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -15,11 +15,6 @@
1515
color: #1a1a2e;
1616
}
1717

18-
.cardTitle {
19-
font-size: 1.5rem;
20-
margin-top: 1rem;
21-
}
22-
2318
.card {
2419
background: linear-gradient(135deg, rgba(66, 133, 244, 0.1), rgba(154, 192, 241, 0.15));
2520
border-radius: 20px;
@@ -50,7 +45,7 @@
5045
color: #1a1a2e;
5146
}
5247

53-
.ctaButton, .ctaMobileButton {
48+
.ctaButton {
5449
margin-top: 2rem;
5550
display: inline-block;
5651
}
@@ -85,14 +80,16 @@
8580
}
8681

8782
.ctaMobileButton {
88-
display: inline-block;
89-
margin-top: 2rem;
9083
display: flex;
9184
justify-content: center;
85+
margin-top: 2rem;
86+
margin-bottom: 2rem;
87+
position: relative;
88+
z-index: 1000;
9289
}
9390

9491
.section {
95-
padding: 80px 0;
92+
padding: 120px 0 250px 0;
9693
}
9794

9895
.header {

0 commit comments

Comments
 (0)