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

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

clevermissfox•10mo ago

You WANT overflow??

Hamza NaeemOP•10mo ago

Yes this is what I want What you have done?

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

Thank you so much

Gaming

Programming

Testimonial slider responsiveness problem