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

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

Responsive Site

  • # May 30, 2013 at 2:51 am

    How can I make this site

    Responsive so that it is perfectly view able on all screen resolutions..

    i.e. in 1024 X 768 px

    # May 30, 2013 at 4:37 am

    Well i think you did what you wanted….. if not then tell us the problem!

    # May 30, 2013 at 5:32 am

    view this website in 1024 X 768 px resolutions the layout gets distort

    # May 30, 2013 at 7:27 am

    Your image slider is 1140px wide….that would be why.

    # May 30, 2013 at 8:28 am

    Also, in the smallest media-query the top part looks weirdly, the spacing doesn’t line up.

    # May 30, 2013 at 8:39 am

    @paulie fixed that still getting the bug

    # May 30, 2013 at 11:17 am

    Learn responsive code, design for mobile first and scale up from there. Use CSS for image scaling and swap out images based on resolution to keep the file size down.

Viewing 7 posts - 1 through 7 (of 7 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