Responosive Web Design

Programming & Development

$15/hr Starting at $25

I did this example for the Morrison Agency in Atlanta, creating break points for Good2Grow.com Break points in RWD are browser widths that have a media query declaration to change the layout once the browser is within the declared range. Here I have the page changing from its base 960px layout once it is being viewed at 768px. On average, every responsive site will have a minimum of two break points. These being for tablets and mobile devices. Unlike the desktop, tablet and mobile are based on the screen sizes of the iPhone and iPad because they are the most popular devices in both mobile and tablet devices. Whether or not this is a best practice is a conversation for later. BREAK RANGES SMALL SCREENS BIG SCREENS Sometimes, a single column is enough. Content-focused websites, such as blogs, could very well do with a one-column layout. But multiple columns on big screens are actually a good idea in many situations. You might want to show some navigation, or perhaps you’ve found some widgets that actually make sense. You could very well choose to show these next to the main content.

About

$15/hr Ongoing

Download Resume

I did this example for the Morrison Agency in Atlanta, creating break points for Good2Grow.com Break points in RWD are browser widths that have a media query declaration to change the layout once the browser is within the declared range. Here I have the page changing from its base 960px layout once it is being viewed at 768px. On average, every responsive site will have a minimum of two break points. These being for tablets and mobile devices. Unlike the desktop, tablet and mobile are based on the screen sizes of the iPhone and iPad because they are the most popular devices in both mobile and tablet devices. Whether or not this is a best practice is a conversation for later. BREAK RANGES SMALL SCREENS BIG SCREENS Sometimes, a single column is enough. Content-focused websites, such as blogs, could very well do with a one-column layout. But multiple columns on big screens are actually a good idea in many situations. You might want to show some navigation, or perhaps you’ve found some widgets that actually make sense. You could very well choose to show these next to the main content.

Skills & Expertise

AdvertisingAjaxAnalyticscnmContent DevelopmentCorporateCSSDesignDrupalEcommerceEmail ServicesEsalesFlashFrench LanguageGraphic DesignHTMLHTTPIndesignJavaScriptJoomlaMarketingPHPWebtrendsWordPress

Related Work Collections

Responsive Design Break Points

12 Reviews

Jennifer_Thomas3 says,

I enjoyed working with Travis. He was very timely and easy to work with. He had a good understanding of wordpress and was able to take my vision and make it happen. I will definitely work with him in the future and would recommend him to others.

for Wordpress Site on Aug 01, 2012
Raymond - Dynamic Investing says,

Excellent work, performed more than expected. Missed our deadline, but the extra work was well worth it.

for Upgrade website on Jun 30, 2012
eWebFocus says,

Very fast and a good communicator. Recommend.

for WORDPRESS Website-NEEDED ASAP by 6/18 on Jun 09, 2012
JessRabourn says,

Finished product was delivered quickly and professionally. We feel we got an excellent value.

for Basic Website Now; Features Later on Feb 10, 2012
JessRabourn says,

This is an excellent contractor. Travis communicated patiently and very clearly. He allowed for a level of design collaboration that I don't think would be possible with many other contractors.

for Basic Website Now; Features Later on Feb 10, 2012

Sign up or Log in to see more.