Skip to content

Commit 8e60b4b

Browse files
committed
fixed responsiveness for about section
1 parent a5c3a77 commit 8e60b4b

File tree

2 files changed

+21
-0
lines changed

2 files changed

+21
-0
lines changed

components/AboutSection/AboutSection.js

+11
Original file line numberDiff line numberDiff line change
@@ -18,11 +18,22 @@ const AboutSectionParent = styled.div`
1818
span {
1919
color: #ff4454;
2020
}
21+
22+
@media screen and (max-width: 1024px) {
23+
font-size: 1rem;
24+
}
2125
}
2226
2327
.second-para {
2428
padding: 15px 0px 180px 0px;
2529
}
30+
31+
@media screen and (max-width: 1024px) {
32+
.first-para,
33+
.second-para {
34+
font-size: 1.1rem;
35+
}
36+
}
2637
`;
2738

2839
const AboutSection = () => {

styles/Home.module.scss

+10
Original file line numberDiff line numberDiff line change
@@ -39,8 +39,18 @@
3939

4040
/* small laptop screen */
4141
@media screen and (max-width: 1024px) {
42+
.hero {
43+
.title {
44+
font-size: 1.5rem;
45+
}
46+
}
4247
}
4348

4449
/* mobile */
4550
@media screen and (max-width: 780px) {
51+
.hero {
52+
.title {
53+
font-size: 1.2rem;
54+
}
55+
}
4656
}

0 commit comments

Comments
 (0)