Skip to content

Commit

Permalink
Changed the braking in testimonials to marquee
Browse files Browse the repository at this point in the history
  • Loading branch information
ihaagrawal committed Aug 27, 2024
1 parent 9880dc1 commit a28c45d
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 26 deletions.
1 change: 1 addition & 0 deletions styles/contact.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -46,3 +46,4 @@
margin-bottom: 30px;
}
}

46 changes: 20 additions & 26 deletions styles/testimonial.module.css
Original file line number Diff line number Diff line change
@@ -1,36 +1,30 @@
.testimonial__item {
padding: 0px 20px;
.marquee {
overflow: hidden;
white-space: wrap;
box-sizing: border-box;
width: 100%;
position: relative;
}

.testimonial__client {
.marqueeContent {
display: flex;
column-gap: 1rem;
margin-bottom: 30px;
align-items: center;
width: 200%;
animation: marquee 10s linear infinite;
}

.testimonial__client_Avatar {
width: 50px;
height: 50px;
}
.testimonial__client h6 {
font-weight: 400;
}

.testimonial__client h6:last-child {
color: var(--site-theme-color);
.marqueeContent > div {
display: inline-block;
padding: 0 20px;
max-width: 300px;
box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
.testimonial__img img {
width: 300px !important;
height: 300px !important;
@keyframes marquee {
0% {
transform: translateX(100%);
}

.testimonial__img {
text-align: center;
margin-bottom: 30px;
100% {
transform: translateX(-100%);
}
}



0 comments on commit a28c45d

Please sign in to comment.