File tree Expand file tree Collapse file tree 1 file changed +13
-2
lines changed Expand file tree Collapse file tree 1 file changed +13
-2
lines changed Original file line number Diff line number Diff line change @@ -3,12 +3,23 @@ import Layout from '../layouts';
3
3
import me from '../images/me.jpg' ;
4
4
import banner from '../images/about-me-banner.jpg' ;
5
5
import { OutboundLink } from 'gatsby-plugin-google-analytics' ;
6
+ import styled from 'styled-components' ;
7
+
8
+ const AboutMeHeader = styled . div `
9
+ float: left;
10
+ margin-right: 3em;
11
+ margin-bottom: 0.5em;
12
+
13
+ @media (max-width: 600px) {
14
+ float: none;
15
+ }
16
+ ` ;
6
17
7
18
export default function About ( ) {
8
19
return (
9
20
< Layout >
10
21
< img src = { banner } alt = "Me standing on stage giving a talk" />
11
- < div style = { { float : 'left' , marginRight : '3em' , marginBottom : '1em' } } >
22
+ < AboutMeHeader >
12
23
< div >
13
24
< img
14
25
src = { me }
@@ -60,7 +71,7 @@ export default function About() {
60
71
</ li >
61
72
</ ul >
62
73
</ div >
63
- </ div >
74
+ </ AboutMeHeader >
64
75
65
76
< section >
66
77
< div
You can’t perform that action at this time.
0 commit comments