In the articles I read the importance of CSS media queries and responsive web design. This is critical in the web world because we must adapt to the quickness of technology. In the Responsive Web Design article, I learned that in three to five years mobile browsing is going to take over all desktop-based usage. Because of these fast changes we must adapt to the changes in browser sizes to make sure the user is getting the same benefit. By using media queries we can enhance the work within different viewing contexts.
In the Introduction to CSS Media Queries article, I learned more in detail how it all works. Here is an example.
Here is ESPN however in a mobile size browser. CSS media queries allow the same company to have a website for different screens. Today, users view websites on a wide range of screens. For instance, people go from a desktop, to a tablet, and then to their phone.
This article not only explained to me how it works, but how to use the right code to make your website flexible and easy to use. Different CSS codes can help create websites that can fit any screen.
In the Pros and Cons of Responsive Web Design article, I got more in depth information about different media queries and comparing desktop to mobile, and mobile to app. In all I gathered that the best way to go is to have a website and a mobile app. However, mobile apps are highly expensive. So for a college student like me, I would create a mobile size CSS because I believe that is where it will get most of its traffic. The con I will have most trouble with is maintaining two websites; one for desktop the other for mobile.