Skip to content

Commit ee72f9d

Browse files
committed
Remove banner image on about page for smaller screens
1 parent 49e65f8 commit ee72f9d

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

src/pages/about.js

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,10 +65,17 @@ const Blurb = styled.section`
6565
}
6666
`;
6767

68+
const BannerImage = styled.img`
69+
@media (max-width: 475px) {
70+
display: none;
71+
}
72+
`;
73+
6874
export default function About() {
6975
return (
7076
<Layout>
71-
<img src={banner} alt="Me standing on stage giving a talk" />
77+
<BannerImage src={banner} alt="Me standing on stage giving a talk" />
78+
7279
<AboutMeHeader>
7380
<div>
7481
<Picture src={me} alt="" />

0 commit comments

Comments
 (0)