Topics

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

No description

5 Replies

Mannix•5mo ago

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

clevermissfox•5mo ago

You WANT overflow??

Hamza Naeem•5mo ago

Yes this is what I want What you have done?

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

Thank you so much

Kevin Powell - Community Join

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

34KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

Translation of item in hoverHi everyone I want realise this animation but I don t know to begin can I have some idea .NOT Section not loading correctlyI'm unsure on how to describe this situation so I'll try to the best of my abilities I'll send a scr How can I fix this issue? Might be overflowIn the smallest size available using inspect element (320 x 870, more exact 351 x 870) there's a emp Portfolio siteWhat do you guys think about what I created here? Created with only HTML and CSS. JavaScript I still FullPageCapture ScreenShotDoes anybody knows How Chrome Developer tool Screenshot Full Page in run command works bcoz i m tryi Sveltekit file organizing - Where to write what?My app will consist of just 3 pages; Main/Home, Cart, and Payment. I vaguely remember doing this on debug problems in my basic webpageso I have to finish this website in a very close time and I dont know how to fix these problems:what do you called an input type text and has an x in it to clear the content?in some of the search bar we can observe there is an x button inside the input element to clear the zoom out html documenthi , does anyone know how to eliminate whitespace from the document when zoom out? #front-end button fill:hoverHey, i don't know if someone can help me but i'am trying develop this button but i'm stuck i dont kn