File tree Expand file tree Collapse file tree 3 files changed +71
-3
lines changed Expand file tree Collapse file tree 3 files changed +71
-3
lines changed Original file line number Diff line number Diff line change 1
1
.features {
2
2
display : flex;
3
- align-items : center;
4
- padding : 2rem 0 ;
5
- width : 100% ;
3
+ flex-direction : column;
6
4
}
7
5
8
6
.featureSvg {
15
13
display : flex;
16
14
justify-content : center;
17
15
}
16
+
17
+ @media screen and (min-width : 1024px ) {
18
+ .features {
19
+ display : flex;
20
+ align-items : center;
21
+ flex-direction : row;
22
+ padding : 2rem 0 ;
23
+ width : 100% ;
24
+ }
25
+ }
Original file line number Diff line number Diff line change 10
10
overflow : hidden;
11
11
}
12
12
13
+ .heroAds {
14
+ position : absolute;
15
+ left : 0 ;
16
+ top : 12px ;
17
+ }
18
+
19
+ @media screen and (min-width : 375px ) {
20
+ .heroAds {
21
+ top : 4rem ;
22
+ }
23
+ }
24
+
25
+ @media screen and (min-width : 425px ) {
26
+ .heroAds {
27
+ left : unset;
28
+ top : 8px ;
29
+ }
30
+ }
31
+
32
+ @media screen and (min-width : 768px ) {
33
+ .heroAds {
34
+ transform : translateX (calc (50% - 30px ));
35
+ }
36
+ }
37
+
38
+ @media screen and (min-width : 1024px ) {
39
+ .heroAds {
40
+ top : 10rem ;
41
+ transform : unset;
42
+ }
43
+ }
44
+
45
+ @media screen and (min-width : 1256px ) {
46
+ .heroAds {
47
+ left : 4rem ;
48
+ }
49
+ }
50
+
51
+ @media screen and (min-width : 1440px ) {
52
+ .heroAds {
53
+ left : 8rem ;
54
+ }
55
+ }
56
+
57
+ @media screen and (min-width : 2000px ) {
58
+ .heroAds {
59
+ left : 16rem ;
60
+ }
61
+ }
62
+
63
+ @media screen and (min-width : 2560px ) {
64
+ .heroAds {
65
+ left : 32rem ;
66
+ }
67
+ }
68
+
13
69
@media screen and (max-width : 996px ) {
14
70
.heroBanner {
15
71
padding : 2rem ;
Original file line number Diff line number Diff line change @@ -6,6 +6,7 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
6
6
import Layout from '@theme/Layout'
7
7
import HomepageFeatures from '@site/src/components/HomepageFeatures'
8
8
import HomepageSponsored from '@site/src/components/HomepageSponsored'
9
+ import AdsContainerElement from '@site/src/components/AdsContainerElement'
9
10
10
11
import styles from './index.module.css'
11
12
@@ -28,6 +29,9 @@ function HomepageHeader() {
28
29
</ Link >
29
30
</ div >
30
31
</ div >
32
+ < div className = { styles . heroAds } >
33
+ < AdsContainerElement />
34
+ </ div >
31
35
</ header >
32
36
)
33
37
}
You can’t perform that action at this time.
0 commit comments