Content flow when shrinking screen size.

Depending on what elements are in play can change the answer, but does this give you some help with what you're trying to achieve?

resize your browser to watch the divs go from float to stack. Pay attention to their order in the html and the order they stack.

http://codepen.io/anon/pen/vkgGf

Casey Balza - I'd suggest you create a codepen with just the code that is giving you trouble and we will have a look.

You might be intrested in checking out learnlayout.com, it's the best tutorial of positioning content using CSS that I've seen.

Thanks Kevin, that code should help me figure this out. I haven't tried to fix what I have yet (just got back from work). And thanks for the tutorial site James, I will go through it soon to get a better understanding of this.

Here is the code I am having trouble with, http://codepen.io/anon/pen/IgqJk

Thanks :)

Casey Balza - Your divs are re-sizing themselves to the a percentage of your page. To fix it don't use width as a percentage, use either px or em.

Wow....I knew it was something simple. Thanks James, it works now :)