Responsive web design is an approach to web design that makes web pages render well on a variety of devices and window or screen sizes. Recent work also considers the viewer proximity as part of the viewing context as an extension for RWD.



@media screen and (max-width:319px) {
}
@media screen and (min-width:320px) and (max-width:479px) {
}
@media screen and (min-width:480px) and (max-width:767px) {
}
@media screen and (min-width:768px) and (max-width:1023px) {
}
@media screen and (min-width:1024px) {
}