Eclectic Media Git eclecticmedia.space / 6f2469c
Fixed mobile jarallax cta spacing Ariana Giroux 2 months ago
1 changed file(s) with 25 addition(s) and 10 deletion(s). Raw diff Collapse all Expand all
1414 color: white;
1515 }
1616
17 h1 {
18 top: 50%; left: 50%;
19 transform: translate(-50%, -50%);
20 }
21 .jarallax-description {
22 top: 60%; left: 60%;
23 transform: translate(-60%, -60%);
24 position: relative;
17 @media screen and (min-width: 768px) {
18 h1 {
19 top: 50%; left: 50%;
20 transform: translate(-50%, -50%);
21 }
22 .jarallax-description {
23 top: 60%; left: 60%;
24 transform: translate(-60%, -60%);
25 position: relative;
2526
26 font-size: 1.75rem;
27 }
27 font-size: 1.75rem;
28 }
29 }
30 @media screen and (max-width: 767px) {
31 h1 {
32 top: 20%; left: 20%;
33 transform: translate(-20%, -20%);
34 }
35 .jarallax-description {
36 top: 30%; left: 30%;
37 transform: translate(-30%, -30%);
38 position: relative;
39
40 font-size: 1.75rem;
41 }
42 }
2843
2944 p > .btn {
3045 width: 80%;