Explain how you overcome the limitations of fixed-width elements like images when you are creating a responsive site.

What will be an ideal response?

Using proportional measurements to insert an image into the page makes the image display at a percentage of its original size, but it will not cause the image to scale when the viewing area changes size. Without the ability for these elements to scale, responsive design can at best be used only for sites that have no graphics, images, or video. Fortunately, Ethan Marcotte and other designers who are pushing the boundaries of responsive design discovered a solution: proportional measurements. When you create a Fluid Grid Layout page, Dreamweaver adds a style to the top of the style sheet specifying that images, objects, embedded elements, and video display at a max-width of 100%. With this style in place, you can insert fixed-width elements such as an image. If you do not specify a width or height within the element, the browser will display the element at 100% unless there is not enough space. When there is not enough space, the browser will scale the element, making it small enough to fit into the available space. This style scales the fixed-width elements that you include in the pages of a responsive site.