top of page
Responsive Design

Applied IT (Year 11) - Application Skills (U2)

Jeckmen Wu

What is Responsive Design?

Responsive design involves adapting a website to different screen sizes and orientations by reconfiguring its elements (e.g. texts & images) while retaining relatively similar proportions. By integrating fluidity into a website, it will maximise user satisfaction and ensure the usability of a web page by providing a consistent and optimised viewing experience across all devices. 

Some examples of responsive design include:

  • Fluid grid layout – automatically changing the size and number of columns depending on the screen size (e.g. instead of squishing 3 columns of text onto a small screen, it will be more optimal to combine the all the text into one column) 

  • Resizable images – proportionately rescaling images to fit the viewing area. One way to do this is to set the image width to 100% of the screen width instead of setting a fixed height and width.

bottom of page