Responsive web design is one of the new age techniques to offer a better user experience. It is also an effective approach to cut down on the overall cost.

2. What is responsive design?
- Deliver web pages in variable sizes.

3. Why responsive web design?

4. Why responsive web design?
• Ease of reading and navigation
• Minimum of resizing
• Panning
• Scrolling

6. Advantages of responsive web design
• Only have to maintain a single website
• Don't need to deal with mobile-specific URLs
Addresses a wide multitude of devices:
• Hones, tablets, desktops, etc.

7. Things to keep in mind as you get
started

8. 1. Set breakpoints wherever you need them
2. Make your choices based on the design rather
than the device

9. Don’t assume that “mobile” users
want less content
Mobile First
• Start your design process with mobile
• Make the mobile view the default