Hey @colbycheeze !
Sorry for the delayed answer.
I’m generally a fan of the mobile first approach, which means that you basically have a single column layout, and then wrap up multiple column layout within @ media blocks.
By default, HTML block elements span the whole width and pile up onto each other, so you don’t need to do anything. Just have your general styles there, and done. Then, you can take the current CSS that generates columns (I guess mainly floats and widths) and put them into a media block.
If you prefere the non mobile first approach, then you’ll have to write a media block for some
max-width, and set
noneon those elements that are floated, and
width=100% to elements that have a smaller width (sidebar, main content, etc).
Hope this helps! Just say that Responsive Web Design is a really good book to learn more about this