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 Framework Basics Prototyping with Bootstrap Building a Header, Navigation, and Jumbotron Component

VISHAL DEEPAK
VISHAL DEEPAK
3,272 Points

On very small size the header is not responsive

The header is extending beyond its border in my firefox browser when the browser width is really small? I though bootstrap was completely responsive?

David Conner
David Conner
Treehouse Guest Teacher

VISHAL DEEPAK can you post your code in a jsfiddle or codepen so we can see? Would help finding an answer for you.

VISHAL DEEPAK
VISHAL DEEPAK
3,272 Points

Its the same as the project files, download the project files from here - https://teamtreehouse.com/library/framework-basics/prototyping-with-bootstrap/building-a-carousel. And try it yourself

David Conner
David Conner
Treehouse Guest Teacher

VISHAL DEEPAK Making it easy for people to help you would probably get you more responses. I do not want to download any unnecessary files to my computer. Sorry.

VISHAL DEEPAK
VISHAL DEEPAK
3,272 Points

sorry about that, i actually found out the problem, some sort of firefox error. I l be sure to post my code next time. :)

2 Answers

Hannah Carpenter
Hannah Carpenter
8,650 Points

I just wanted to say I agree with you. It's the Jumbotron component that's not responsive at a smaller screen size. There's no padding inside the box say it just goes all the way to the edges. Chrome and Firefox on mac looks the same to me. I used the final project finals so it's no error.

Mirko C
Mirko C
7,865 Points

Hey Hannah!

I have the same problem, the jumbotron ist not responding to smaller displaysizes. How did you solve the problem? By just going into the CSS and adding a Media-Query with padding for smaller sizes?

Hannah Carpenter
Hannah Carpenter
8,650 Points

Yep, just adding the padding isn't too much of a chore, but it just seems odd that it's not quite perfect.