Responsive Web Sites


The columns reduce when the page size goes down, It goes from 6,5,3,4,3 and then 2, The side panel is removed in both tablet and mobile view. The navigation however is not impacted as the search bar remains in all versions with only the size being reduced.


When reducing the size of the browser the size of the images scales to fit the page as well as the text. There is only one break point and that is for tablet, mobile and tablet are both similar only the size of the images and text are different. In both the mobile and tablet layout the images are above their respective bodies of text instead of two sections for pictures and text. The search features are also reduced in size to icons.


Only parts of this website are responsive such as the dropdown menus at the top, the browse steam section in the middle and the log in section at the bottom. The special offers part however is not responsive. It doesn't change from desktop to mobile this may partially impact navigation.


Items on the website scale down when size is reduced until the break point where they get larger and the items names appear next to the items for sale. The logos also move to the middle of the screen and the menu items are arranged into two columns so the website is easy to navigate


We see the basic layout of the website almost entirely change the large headline remains on the top of the screen however the text lies underneath it. The number of dropdown menus at the top are reduced and there is only one column. The "find local news" tab also goes away. These could hinder impact and it may take longer to navigate the website.

Created By
Stewart Marshall

Made with Adobe Slate

Make your words and images move.

Get Slate

Report Abuse

If you feel that this video content violates the Adobe Terms of Use, you may report this content by filling out this quick form.

To report a Copyright Violation, please follow Section 17 in the Terms of Use.