Help with retemplateing a site with wrappers!!!

[inspirilizationist]

So I am trying to re-template this website to size and align correctly on smaller resolutions. Trying to implement wrappers for each (header, entire page, content, sidebars, and footer) some of which are done, but are they correct?

http://www.x2-radio.com

http://codepen.io/inspirilizationist/pen/qGkzC

I have tried some different approaches, but none successful. I am still a css novice and am learning, hopefully with help on re-templating this site correctly, I will finally learn the fundamentals enough to remember the specifics needed, and stop bugging you people so much, lol.

Thanks for any advice!!! You people are great!

[Paulie_D]

I have to say that ‘just’ adding wrappers is not going to make your site suddenly responsive.

In ‘most’ cases you have to think about where you want elements to be at different viewport sizes BASED on your current HTML structure & CSS.

In (with no empirical evidence) MOST cases, making a site responsive will involve a rebuild.

That’s not to say that you can’t re-use the existing code but sometimes a complete re-think / re-design is the only way to go.

Try to think…”How would I code this if I was starting at mobile size’ and then go from there.

[Paulie_D]

Also. any images in your Codepen are not going to work unless you can provide a link to a webserver somewhere.

[Author]

Posts