Skip to content

Commit b633207

Browse files
committed
More responsive changes
1 parent 86fe513 commit b633207

File tree

1 file changed

+19
-11
lines changed

1 file changed

+19
-11
lines changed

src/pages/about.js

Lines changed: 19 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -13,17 +13,24 @@ const AboutMeHeader = styled.div`
1313
1414
@media (max-width: 600px) {
1515
float: none;
16-
margin-bottom: 3em;
16+
margin-bottom: 0em;
17+
}
18+
19+
@media (max-width: 500px) {
20+
margin-bottom: 0em;
1721
}
1822
`;
1923

2024
const Picture = styled.img`
2125
border-radius: 50%;
22-
width: 8em;
23-
min-width: 8em;
24-
height: 8em;
26+
width: 13em;
27+
min-width: 13em;
28+
height: 13em;
2529
2630
@media (max-width: 600px) {
31+
width: 8em;
32+
min-width: 8em;
33+
height: 8em;
2734
float: right;
2835
margin-left: 2em;
2936
}
@@ -35,6 +42,12 @@ const Picture = styled.img`
3542
@media (max-width: 475px) {
3643
display: block;
3744
float: none;
45+
margin-top: 0;
46+
margin-left: 0;
47+
48+
width: 11em;
49+
min-width: 11em;
50+
height: 11em;
3851
}
3952
`;
4053

@@ -44,16 +57,11 @@ const Blurb = styled.section`
4457
letter-spacing: 0.01em;
4558
text-align: justify;
4659
text-justify: inter-character;
60+
line-height: 1.4em;
4761
4862
@media (max-width: 600px) {
4963
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;
5765
}
5866
`;
5967

0 commit comments

Comments
 (0)