So far, your new Magento theme has focused on building a custom design for your store for devices with larger screens, such as desktop computers and laptops. In this chapter, you will start customizing your Magento theme for devices with different screen sizes, such as smartphones and tablet computers. We will cover the following topics:
Using CSS media queries to create breakpoints for different device widths
Making images responsive for your Magento theme
Developing responsive navigation for your Magento theme
Adding mobile homepage icons for Windows and Apple devices to your Magento theme