Skip to content

Commit 75a1d0d

Browse files
do the About component is responsive in all device
1 parent 912a59a commit 75a1d0d

1 file changed

Lines changed: 15 additions & 0 deletions

File tree

src/components/About/About.css

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,4 +38,19 @@
3838
.about p{
3939
color: #676767;
4040
margin-bottom: 16px;
41+
}
42+
43+
/*======= media query==========*/
44+
@media (max-width: 800px){
45+
.about{
46+
flex-direction: column;
47+
}
48+
.about-left{
49+
flex-basis: 100%;
50+
margin: 20px;
51+
order: 2;
52+
}
53+
.about-right{
54+
flex-basis: 100%;
55+
}
4156
}

0 commit comments

Comments
 (0)