Flow Festival – responsive web design

You might be aware of a clever new way of ensuring your website looks good on any screen size – part of a web design trend called “responsive web design”. Effective responsive web design uses media queries available in CSS3, which can resize images and objects on the page on the fly, as well as rearranging page layouts to suit a variety of screen sizes.

Flow Festival is a great example of a clever, well designed layout that adjusts images, videos, text and menus to suit every screen size, including mobile. This type of responsive web design does away with the need for a separate mobile version of the site, allowing mobile devices to experience the site in keeping with the original design. See the two images below for a comparison of the same home page displayed on a desktop and mobile:

Responsive Web Design – Desktop

Flow Festival - Responsive Web Design

Flow Festival as viewed on a desktop

Responsive Web Design – Mobile

Flow Festival - Responsive Web Design

Flow Festival as viewed on a mobile device

 


Add New Comments