Kevin Powell - Community•9mo 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•9mo ago

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

clevermissfox•9mo ago

You WANT overflow??

Hamza NaeemOP•9mo ago

Yes this is what I want What you have done?

Mannix•9mo 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•9mo ago

Thank you so much

Gaming

Programming

Testimonial slider responsiveness problem