
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.