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 CSS Basics (2014) Basic Layout Width and Height Properties

Browser dynamically (animated) re sizes elements when browser size changed

In the videos, I see chrome dynamically re sizes elements when browser size changed. How is this configured? I added the Window Resizer plug-in, but still don't see content resize WHILE I am dragging the browser edge. That is, the content DOES resize after I have resized the browser and released the mouse click, but I want to see a things resize AS browser edge is being dragged to a new size. Hard to describe. Hope this makes sense. Thanks!

Are you talking about the project you're working on in the CSS Basics course? There shouldn't be any need to use a plug-in. The layout is using relative units, like percentages, so the content will scale according to the browser window.

1 Answer

Christian Lawrence
Christian Lawrence
3,941 Points

Hi Curt,

You don't need a plug-in for elements to animate and resize when the window is scaled.

CSS media queries are able to change elements depending on the browser window size. If you apply CSS3 transitions with a timing to elements (such as DIVs or BODY) then they will appear to animated as the window scales.

http://www.w3schools.com/css/css3_transitions.asp