Responsive

A responsive design combines the use of relative units, such as percentages, and combines it with the use of media quires. In this case the media quires aren’t used to target specific devices but rather ranges where the design breaks.

75%
100%
50%
25%
100%
50%
50%
100%
25%
100%
25%
100%
25%
100%
25%
100%
25%
100%
25%
100%
100%
33.33%
33.33%
100%
33.33%
100%
100%
16.6%
33.33%
100%
33.33%
16.6%
100%
33.33%
16.6%
16.6%
33.33%
100%
100%
33.33%
16.6%
100%
33.33%
16.6%
16.7%
100%
25%
100%
41.6%
100%
16.7%
100%
25%
100%
50%
75%
100%
50%