top of page

Application Skills (U2)

Applied IT (Year 11)

Responsive Design

Content Writers

Christian Bien - Bloom Photo (1).jpeg

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.


Menu

You have pages remaining today.

Consider signing up, it's free!

bottom of page