Skip to content

Commit cd26dd8

Browse files
do the Testimonials components is Responsive in all device
1 parent 25a8527 commit cd26dd8

1 file changed

Lines changed: 34 additions & 0 deletions

File tree

src/components/Testimonials/Testimonials.css

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -57,4 +57,38 @@
5757
}
5858
.user-info h3{
5959
color: #212EA0;
60+
}
61+
/*======= media query==========*/
62+
@media (max-width: 800px){
63+
.testimonials{
64+
padding: 0 40px;
65+
}
66+
.next-btn, .back-btn{
67+
padding: 10px;
68+
width: 35px;
69+
}
70+
.testimonials ul li{
71+
padding: 10px;
72+
}
73+
.slide{
74+
padding: 10px;
75+
}
76+
.slide img{
77+
width: 50px;
78+
border: 3px solid #212EA0;
79+
}
80+
81+
}
82+
@media (max-width: 600px){
83+
.user-info{
84+
display: block;
85+
margin-bottom: 10px;
86+
font-size: 12px
87+
}
88+
.user-info h3{
89+
font-size: 16px;
90+
}
91+
.slider p{
92+
font-size: 12px;
93+
}
6094
}

0 commit comments

Comments
 (0)