Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Daniel Barreto
PLUS
Daniel Barreto
Courses Plus Student 14,978 Points

Bootstrap Carousel

Right now i have 3 images in my carousel and its working well except that one of the images seems like it is not wide enough and so there's some empty space between the end of the image and the end of the right side carousel button. I'm thinking this has to do with the aspect ratio of the image. Any ideas on how i can fix this?

James Barnett
James Barnett
39,199 Points

Show us your code on codepen

Daniel Barreto
Daniel Barreto
Courses Plus Student 14,978 Points

http://cdpn.io/dtGgC

It is mostly bootstrap, idk how to add the images i used and i also have other css files idk how to include.

Colin Marshall
Colin Marshall
32,861 Points

Upload your images somewhere and update the links on codepen please or else we can't see them.

2 Answers

Colin Marshall
Colin Marshall
32,861 Points
.carousel-inner .item img {
  width:100%; 
}