File tree Expand file tree Collapse file tree 1 file changed +54
-0
lines changed Expand file tree Collapse file tree 1 file changed +54
-0
lines changed Original file line number Diff line number Diff line change 1
1
body {
2
2
margin : 0 ;
3
3
}
4
+
5
+ header {
6
+ background-color : # 000 ;
7
+ margin-bottom : 40px ;
8
+ }
9
+
10
+ header h1 {
11
+ color : # fff ;
12
+ text-align : center;
13
+ margin : 0 ;
14
+ padding-top : 20px ;
15
+ }
16
+
17
+ header nav {
18
+ display : flex;
19
+ justify-content : center;
20
+ }
21
+
22
+ header nav ul {
23
+ display : flex;
24
+ padding-left : 0 ;
25
+ list-style : none;
26
+ }
27
+
28
+ header nav ul li a {
29
+ color : # fff ;
30
+ text-decoration : none;
31
+ margin : 0 20px 0 0 ;
32
+ }
33
+
34
+ header nav ul li : last-child a {
35
+ margin-right : 0 ;
36
+ }
37
+
38
+ @media all and (min-width : 600px ) {
39
+ header {
40
+ display : flex;
41
+ justify-content : space-between;
42
+ padding : 0 30px ;
43
+ }
44
+
45
+ header h1 {
46
+ margin : 14px 0 ;
47
+ padding-top : 0 ;
48
+ }
49
+
50
+ header nav {
51
+ margin-top : 8px ;
52
+ }
53
+
54
+ header nav ul li a : hover {
55
+ color : # bdbdbd ;
56
+ }
57
+ }
You can’t perform that action at this time.
0 commit comments