File tree Expand file tree Collapse file tree 1 file changed +19
-11
lines changed Expand file tree Collapse file tree 1 file changed +19
-11
lines changed Original file line number Diff line number Diff line change @@ -13,17 +13,24 @@ const AboutMeHeader = styled.div`
13
13
14
14
@media (max-width: 600px) {
15
15
float: none;
16
- margin-bottom: 3em;
16
+ margin-bottom: 0em;
17
+ }
18
+
19
+ @media (max-width: 500px) {
20
+ margin-bottom: 0em;
17
21
}
18
22
` ;
19
23
20
24
const Picture = styled . img `
21
25
border-radius: 50%;
22
- width: 8em ;
23
- min-width: 8em ;
24
- height: 8em ;
26
+ width: 13em ;
27
+ min-width: 13em ;
28
+ height: 13em ;
25
29
26
30
@media (max-width: 600px) {
31
+ width: 8em;
32
+ min-width: 8em;
33
+ height: 8em;
27
34
float: right;
28
35
margin-left: 2em;
29
36
}
@@ -35,6 +42,12 @@ const Picture = styled.img`
35
42
@media (max-width: 475px) {
36
43
display: block;
37
44
float: none;
45
+ margin-top: 0;
46
+ margin-left: 0;
47
+
48
+ width: 11em;
49
+ min-width: 11em;
50
+ height: 11em;
38
51
}
39
52
` ;
40
53
@@ -44,16 +57,11 @@ const Blurb = styled.section`
44
57
letter-spacing: 0.01em;
45
58
text-align: justify;
46
59
text-justify: inter-character;
60
+ line-height: 1.4em;
47
61
48
62
@media (max-width: 600px) {
49
63
letter-spacing: inherit;
50
- font-size: 1.2em;
51
- }
52
-
53
- @media (max-width: 500px) {
54
- }
55
-
56
- @media (max-width: 475px) {
64
+ line-height: inherit;
57
65
}
58
66
` ;
59
67
You can’t perform that action at this time.
0 commit comments