View Single Post
Old 08-23-2017, 04:37 PM   #2
Ricky55's Avatar
Join Date: Oct 2005
Location: West Yorkshire, UK
Posts: 1,855

Hi Gore

You're thinking of Responsive Design like one used to think when we worked with fixed width designs. In modern web design we no longer think of most common resolutions. The reason being there are just way too many to consider. That's the whole point of Responsive Design to make your web pages work no matter what screen size its being viewed on. To make then resolution independent.

I appreciate that this can be quite awkward to get your head around especially if you're coming from a print or graphics background where you always have a fixed size to work with.

In terms of approach there are two ways you can work. Deal with the desktop size first and then adjust your design as the screen size comes down or the more common approach these days is what's known as mobile first. This is exactly what it says on the tin. Consider your mobile size first. The phone in portrait then landscape then tablets etc. Don't think in terms of resolution though just start out making your design work at a typical phone size and then just adjust your design with CSS media queries as you have more screen real estate to work with. This typically means adjusting your navigation, perhaps adding a side bar etc but that's to massively simplify things.

Hope that helps you. Just try your best to get away from thinking in terms of resolution as this will just give you a head ache.

Let us know how you get on.


Qwerty Design

Check out my blog for web design insights.
Follow me on Twitter: @QwertyDesignUK
Ricky55 is offline   Reply With Quote