Responsive Web Design

Computer types for responsive web design

Does it really matter?

There has been alot of talk on the web about RWD or Responsive Web Design, and it continues in 2020. Some people think it’s overkill, but does it really matter?

Consider the fact that over 50% of web traffic is happening over a smartphone and you can easily see the importance of having a website that is setup to display properly on this type of device.

Surprisingly, there are thousands of websites out here that are only configured for a desktop computer; but how would I know?

Here’s a test for you; search for local businesses in your area and visit their website (if they have one). Take a look at the site and see what it looks like and how effective it is. Now open up the same website on your smartphone.

  • Do the images display in an effective way?
  • Is the text aligned and fitting on the screen, or do you have to scroll to read it all?
  • Are you able to open pages from the menu?

Responsive web design (RWD) means that regardless on which type of device you view the website (desktop, laptop, tablet or smartphone), it will be fully functional and appropriately displayed.

Want to know if your site passes the RWD test? Most modern web-browsers offer some tools that will allow you to view your site on a variety of browser configurations. If you are using Google Chrome, right click on your homepage and choose Inspect or type Ctrl+Shift+I on your keyboard. This will bring up the Chrome Dev Tools. If you have never seen the html code behind your site, it will be displayed on the right. On the left of the screen you can view your page on a variety of device types. The Responsive view allows you to stretch the display window to see the various sizes.

If you want to learn more about Responsive Web Design and how the Chrome Dev Tools work, check out Traversy Media’s Crash Course on Youtube.

Want help building a site using RWD?
Contact us today!

Leave a Comment

Your email address will not be published.