File tree Expand file tree Collapse file tree 1 file changed +22
-9
lines changed Expand file tree Collapse file tree 1 file changed +22
-9
lines changed Original file line number Diff line number Diff line change @@ -16,21 +16,34 @@ const AboutMeHeader = styled.div`
16
16
}
17
17
` ;
18
18
19
+ const Picture = styled . img `
20
+ border-radius: 50%;
21
+ width: 8em;
22
+ min-width: 8em;
23
+ height: 8em;
24
+
25
+ @media (max-width: 600px) {
26
+ float: right;
27
+ margin-left: 2em;
28
+ }
29
+
30
+ @media (max-width: 500px) {
31
+ float: right;
32
+ }
33
+
34
+ @media (max-width: 475px) {
35
+ display: block;
36
+ float: none;
37
+ }
38
+ ` ;
39
+
19
40
export default function About ( ) {
20
41
return (
21
42
< Layout >
22
43
< img src = { banner } alt = "Me standing on stage giving a talk" />
23
44
< AboutMeHeader >
24
45
< div >
25
- < img
26
- src = { me }
27
- style = { {
28
- borderRadius : '50%' ,
29
- width : '10em' ,
30
- height : '10em' ,
31
- } }
32
- alt = ""
33
- />
46
+ < Picture src = { me } alt = "" />
34
47
</ div >
35
48
36
49
< div >
You can’t perform that action at this time.
0 commit comments