RWD Example

Responsive Web Design (RWD) is a web design that provides an optimal viewing experience- easy reading navigation with minimum resizing, panning, and scrolling with a wide range of devices. Starbucks is a great example of a website that would efficiently work on may different devices. Check it out at www.starbucks.com! Here are a few pictures of the website when the size is altered:

This is the main website- what it looks like on a computer full screen.

This screenshot is what the website looks like at about half the original size. A few qualities are missing, such as the search bar on the top and the picture captions of the right. Image sizes are lessened, but still the same quality. All the content is still easily readable and can be located easily.

This screenshot is the website at about 1/4 the size of the original, it is just a small, vertical sliver of the original. Even when the site is small, I can still read and see all the pictures. The headers at the top are now contained under a drop-down menu on the upper right corner. The main feed of the website is placed one under another. When I changed the width and size of this website, it constantly transformed and stayed clean cut. Starbucks is a great example of  RWD.