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

Nick Wilson
Nick Wilson
5,060 Points

Responsive scaling?

Is there a simple way to scale content by percentage. Let's say I have a div container with a div row after it. If I want everything in the container and div row to scale equally down when the browser is resized, how is this achieved? Just like when bootstrap has:

col-sm-12 col-md-6 col-lg-6

Is there a way to scale like this but without the "jump" between break points? I want a smooth responsive div container with the contend inside of it basically like how a responsive image would scale down.

If I'm understanding your question correctly you're looking for a smooth transitions between your breakpoints as opposed to the default "jumps" that exist between your Bootstrap column groups?

Dalton Dunn
Dalton Dunn
6,709 Points

I think the answer you're looking for is in your question to be honest If I am understanding your question correctly. In your CSS instead of using exact measurement's (example: px) use percentages (example 5%). Hope this helps.