Grow your CSS skills. Land your dream job.

Help with retemplateing a site with wrappers!!!

  • # November 15, 2012 at 8:52 pm

    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!

    # November 16, 2012 at 10:23 am

    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.

    # November 16, 2012 at 10:25 am

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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".