Kevin Powell - Community•2y ago

Testimonial slider responsiveness problem

how to make flex child take the full width of the available screen and other childs take the same width as first one but they should overflows. I want the output to be like the attached image. but in responsiveness it is creating problem, how to solve it? check video https://codepen.io/hamzacodepen951/pen/LYvPPzj

5 Replies

Mannix•2y ago

something like this ? https://codepen.io/MannixMD/pen/GRLKKGY

curiousmissfox•2y ago

You WANT overflow??

Hamza NaeemOP•2y ago

Yes this is what I want What you have done?

Mannix•2y ago

all i've done is changing

.testimonial-wrapper {
  display: inline-flex;
}

.testimonial-client {
  width: 78vw;
}

.testimonial-wrapper {
  display: inline-flex;
}

.testimonial-client {
  width: 78vw;
}

to this

.testimonial-wrapper {
  display: flex;
}

.testimonial-client {
  width: 100%;
  flex-shrink:0
}

.testimonial-wrapper {
  display: flex;
}

.testimonial-client {
  width: 100%;
  flex-shrink:0
}

Hamza NaeemOP•2y ago

Thank you so much

Gaming

Programming

Testimonial slider responsiveness problem

Did you find this page helpful?