The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

My First responsive pages – code feedback

  • # August 8, 2013 at 9:58 am

    a) Am I on the right track as far as responsive coding goes? What guidelines would you offer to improve my coding level? Any observable fatal errors?

    b) I haven’t used ems for font sizes; have just used pixels. I don’t seem to be able to observe any disadvantage, even when I’ve read on these forums that ems and rems are the way to go, and pixels are to be avoided. Any suggestion/comment?

    c) For images, in the HTML I’ve used,


    Is this the right way to optimize images for a responsive website?

    # August 8, 2013 at 10:47 am

    Pixels are to be avoided? ems and rems fall back to pixels units.

    # August 8, 2013 at 12:13 pm

    This reply has been reported for inappropriate content.

    Pixels are to be avoided? ems and rems fall back to pixels units.

    So what advantages do rems and ems hold, over pixels? I’ve been getting the impression that I’ll have to start using ems, rems and values such as 33.33333333333 while working on responsive design (I’ve seen style sheets with these kind of values). I’ve simply used whole numbers in percentages, for the layout, and a few different font sizes, in pixels, for the text. If I’m on the right track and I’m not doing anything fatally wrong, it would be great news considering that I’ve still not been able to completely grasp the benefits or even the concept of ems and rems.

    # August 31, 2013 at 10:19 am

    i like your website :-) looks good and the responsive part well .. been trying for quite some time to do the same stuff.. yours goes better.

    Yet you should add .htaccess to your folders :-) the other projects look good too

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed