File tree 2 files changed +19
-18
lines changed
2 files changed +19
-18
lines changed Original file line number Diff line number Diff line change 8
8
flex-direction : column;
9
9
justify-content : center;
10
10
align-items : center;
11
- background : # fee13d ;
11
+ background : # fee13d url(.. / img/woman.jpg) no-repeat bottom right ;
12
12
height : 100vh ;
13
13
min-height : 575px ;
14
14
font-family : 'Source Sans Pro' , sans-serif;
15
+ font-size : 16px ;
16
+ }
17
+ @media only screen and (max-width : 1024px ) {
18
+ body {
19
+ background : # fee13d ;
20
+ }
15
21
}
16
22
17
23
header {
18
24
box-sizing : border-box;
19
25
flex : 0 1 auto;
20
- background-color : # fee13d ;
21
- color : white;
22
26
}
23
27
24
28
section {
25
29
width : 100% ;
26
30
box-sizing : border-box;
27
31
flex : 2 auto;
28
- display : flex;
32
+ /* display: flex;
29
33
flex-direction: column;
30
34
justify-content: center;
31
- align-items : center;
32
- padding-bottom : 150px ;
33
- background : url(../ img/woman.jpg) no-repeat bottom right;
35
+ align-items: center;*/
34
36
}
35
37
36
- footer {
38
+ footer {
37
39
width : calc ( 100% - 60px );
38
40
background-color : # 000000 ;
39
41
font-family : Georgia, serif;
@@ -49,7 +51,7 @@ footer{
49
51
50
52
img {
51
53
width : 100% ;
52
- max-width : 800 px ;
54
+ max-width : 500 px ;
53
55
}
54
56
h1 , # logo {
55
57
text-align : center;
62
64
63
65
.settings {
64
66
margin : 0 auto;
65
- max-width : 900 px ;
67
+ max-width : 600 px ;
66
68
}
67
69
68
70
.settings > p {
Original file line number Diff line number Diff line change @@ -28,18 +28,17 @@ <h1>Hello everyone. Let's do some interactive coding today! </h1>
28
28
</ p >
29
29
</ div >
30
30
</ section >
31
-
32
31
< footer >
33
- < ul class =" float-left " >
32
+ < ul >
34
33
< li class ="twitter ">
35
- Twitter: < a href ="https://twitter.com/NodeGirlsSydney " target ="_blank "> @NodeGirlsSydney</ a >
36
- < a href ="https://twitter.com/NodeGirlsMelb " target ="_blank "> @NodeGirlsMelb</ a >
34
+ Twitter: < a href ="https://twitter.com/NodeGirlsSydney " target ="_blank " rel =" noopener noreferrer " > @NodeGirlsSydney</ a >
35
+ < a href ="https://twitter.com/NodeGirlsMelb " target ="_blank " rel =" noopener noreferrer " > @NodeGirlsMelb</ a >
37
36
</ li >
38
- < li class ="facebook "> Facebook: < a href ="https://www.facebook.com/NodeGirlsAustralia " target ="_blank "> NodeGirlsAustralia</ a > </ li >
37
+ < li class ="facebook "> Facebook: < a href ="https://www.facebook.com/NodeGirlsAustralia " target ="_blank " rel =" noopener noreferrer " > NodeGirlsAustralia</ a > </ li >
39
38
</ ul >
40
- < ul class =" float-right " >
41
- < li class ="website "> Website: < a href ="http://nodegirls.com.au " target ="_blank "> nodegirls.com.au</ a > </ li >
42
- < li class ="email "> e-mail: < a href ="mailto:info@nodegirls.com.au " target ="_blank "> info@nodegirls.com.au</ a > </ li >
39
+ < ul >
40
+ < li class ="website "> Website: < a href ="http://nodegirls.com.au " target ="_blank " rel =" noopener noreferrer " > nodegirls.com.au</ a > </ li >
41
+ < li class ="email "> e-mail: < a href ="mailto:info@nodegirls.com.au " target ="_blank " rel =" noopener noreferrer " > info@nodegirls.com.au</ a > </ li >
43
42
</ ul >
44
43
</ footer >
45
44
You can’t perform that action at this time.
0 commit comments