responsive web page

USMNT

http://www.ussoccer.com

     Responsive web pages are very important in todays world, and here is a very good example of a responsive site.

 

     This is the main homepage of the United States Mens National Team. As you can see we have the main image navigation buttons search bar and an article. Watch what happens as we go down to tablet size.

    As we go down to tablet size the main image and logo are still there but we can see that the search bar and navigation has moved down to the bottom of the page. The articles have moved to the image being on the top and title below the image rather than being side by side. Very responsive. Watch what happens as we go down to mobile device size.

     As we get down to mobile device size the main image and logo, articles, and search bar have stayed the same but the size have shrunk down to accommodate mobile devices needs.

     Here is one more page on the website to show you how responsive the site really is.

Desktop

Tablet

Mobile