Sams Teach Yourself HTML, CSS & JavaScript Web Publishing in One Hour a Day

ptg16476052

470 LESSON 16: Using Responsive Web Design

3. You should use responsive images so that your images flex with your designs and
   don’t look too large on small screens or too small on large screens.


4. You can use the media attribute on the source tag to define video (and audio)
   source files specific to a certain media query.

Exercises

1. Come up with a mockup for two designs for your website: one for small screens
   that is one column wide and one for larger screens that is two or three columns
   wide.


2. Once you are satisfied with your mockup, build it with CSS media queries.