File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1+ * {
2+ outline : none;
3+ margin : 0 ;
4+ padding : 0 ;
5+ font-family : sans-serif;
6+
7+ box-sizing : border-box;
8+ }
9+
10+ html , body {
11+ height : 100% ;
12+ overflow : hidden;
13+
14+ scroll-behavior : smooth;
15+ }
16+
17+ main {
18+ position : relative;
19+ width : 200% ;
20+ height : 400% ;
21+ }
22+ main > section {
23+ position : relative;
24+ float : left;
25+ width : 50% ;
26+ height : calc (25% - 50px );
27+ overflow : hidden;
28+
29+ display : flex;
30+ flex-flow : column;
31+ }
32+
33+ footer {
34+ position : fixed;
35+ left : 0 ;
36+ bottom : 0 ;
37+ width : 100% ;
38+ height : 50px ;
39+ background-color : # 24292e ;
40+
41+ z-index : 3 ;
42+ }
43+ footer > h3 {
44+ display : block;
45+ width : 100% ;
46+ height : 40% ;
47+ text-align : center;
48+ font-weight : normal;
49+ color : # fff ;
50+ }
51+ footer > div {
52+ width : 100% ;
53+ height : 60% ;
54+ text-align : center;
55+ font-size : 14px ;
56+
57+ display : flex;
58+ justify-content : space-between;
59+ align-items : center;
60+ }
61+ footer > div > a {
62+ padding : 0 5px 0 10px ;
63+ color : # fff ;
64+ }
You can’t perform that action at this time.
0 commit comments