For images, you can specify either multiple file types (load different resolutions with media queries), or use .SVG graphics (support is spotty in older browser

For images, you can specify either multiple file types (load different resolutions with media queries), or use .SVG graphics (support is spotty in older browsers). Here are two handy guides: http://bit.ly/LzRkfN http://bit.ly/LzRkfN and http://bit.ly/MH1bjq http://bit.ly/MH1bjq. For text, it depends on which part. For body text (paragraphs), the easiest thing is to have a percentage based container and change font-sizes based on break points with media queries (e.g. at a screen with min-width of 768px, change font to this size). Headers are a bit different, you can follow the same approach as paragraph text or, use something like FitText (http://fittextjs.com/ http://fittextjs.com/). Love your work. Hit me up at me@ryanglover.net if you need code help.