Responsive Websites

City of Glasgow College


The text and images are at a good size for the desktop and adapt well and is still readable and visible when the page is shrunk down. There is an easily readable grid system when the page is shrunk down to a tablet size.

My City


This website is easy to navigate, the menu buttons are large and easy to see so you know exactly where you are going when you are looking for something in particular. There is no good tablet size as it looks very similar to the tablet size.



In the desktop version of the website, it is very easy to read there is a 4 column grid structure where everything stands out. The tablet look is more concise and things are closer together but still easy to read. For the mobile look, everything is a lot more squashed together but still good for a responsive website.



The desktop look has a 2 column grid structure, with a lot of white space which rests the readers eye. On the tablet look the images become larger and the text stays the same size but the images move position to the left of the page. For mobile the text takes over the page and the images become a lot more smaller.



On the desktop look there is a 3 column grid structure, everything on the page is laid out well, you can find everything easily. When the page is changed to tablet size the 3 column grid structure stays the same and the menu bar is the same, it is pretty similar to the desktop. The mobile look gets taken down to a 1 column grid structure and everything is a lot more closer together.

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.