2. WHAT IT IS?
A design that displays all of your content clearly and
effectively on all devices regardless of screen sizes, while
maintaining a central theme.
This used to be called Fluid design.
Design for all screen sizes!
3. BENEFITS
Your content is clearly available on ALL devices
SEO
Streamlined look
If done correctly, you can design once
7. MEDIA QUERIES
<link href="styles.css" type="text/css" media="screen" rel="stylesheet"/>
It gets even more awesome!
Can use separate style
@media (max-width:830px) {
}
You can morph your design as the size changes!
8. IMPLEMENTATION
Single Stylesheet (if not many styles)
@media (min-width : 320px){
/* Styles */
}
Multiple Stylesheets
<link rel="stylesheet" href="smartphone.css"
media="min-width : 320px">