Skip to content
This repository was archived by the owner on Feb 5, 2022. It is now read-only.

Commit 545bca3

Browse files
committed
fix: use container on app cta component
1 parent 0357bcf commit 545bca3

File tree

2 files changed

+26
-20
lines changed

2 files changed

+26
-20
lines changed

src/components/app-cta/app-cta.scss

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,17 @@
11
.cta {
22
height: 344px;
3+
background: #008092;
34

45
@include media-breakpoint-down(sm) {
56
height: 780px;
67
}
78

9+
.container {
10+
height: 100%;
11+
}
12+
813
.row {
914
height: 100%;
10-
background: #008092;
1115
}
1216

1317
.cta-image {

src/components/app-cta/app-cta.tsx

Lines changed: 21 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -7,29 +7,31 @@ import { Component, h } from '@stencil/core';
77
export class AppCta {
88
render() {
99
return (
10-
<section id="cta" class="cta">
11-
<div class="row">
12-
<div class="col-md-6 col-sm-12 text-center cta-image" />
10+
<div id="cta" class="cta">
11+
<div class="container">
12+
<div class="row">
13+
<div class="col-md-6 col-sm-12 text-center cta-image" />
1314

14-
<div class="col-md-6 col-sm-12 align-self-center text-center cta-text">
15-
<h2>
16-
<app-translate keyword="cta.title" />
17-
</h2>
18-
<p>
19-
<app-translate keyword="cta.subTitle" />
20-
</p>
21-
<h2>
22-
<app-translate keyword="cta.text" />
23-
</h2>
15+
<div class="col-md-6 col-sm-12 align-self-center text-center cta-text">
16+
<h2>
17+
<app-translate keyword="cta.title" />
18+
</h2>
19+
<p>
20+
<app-translate keyword="cta.subTitle" />
21+
</p>
22+
<h2>
23+
<app-translate keyword="cta.text" />
24+
</h2>
2425

25-
<stencil-route-link url="/contact">
26-
<button class="button">
27-
<app-translate keyword="cta.link" />
28-
</button>
29-
</stencil-route-link>
26+
<stencil-route-link url="/contact">
27+
<button class="button">
28+
<app-translate keyword="cta.link" />
29+
</button>
30+
</stencil-route-link>
31+
</div>
3032
</div>
3133
</div>
32-
</section>
34+
</div>
3335
);
3436
}
3537
}

0 commit comments

Comments
 (0)