INTRODUCTIONNow is the age of technology because in the world many people live with technologies in their daily lives. In general, technology meant knowledge of tools that improved a pre-existing solution to a problem. There were so many habits in using technologies, such as using computer to do documentation work, using social networks to chat with friends in another country, until now using mobile devices to view websites. The growth of mobile devices and smartphones has made it easier for many people to access web pages. We normally use the computer or desktop to open a browser and visit some websites. The content of websites is the same when you use your personal computer and desktop to visit them, as the screen size is almost the same. To create a more user-friendly website that allows the user to view exactly the same web page content regardless of the device screen size, a responsive web design web page is introduced. Responsive web design is a way to design web pages that work consistently across different screen sizes, platforms, and user interfaces using the same code base (Pilon, 2013). The questions we always focus on are the elements, the pros and cons. Therefore, this report will discuss the main components, advantages and disadvantages of responsive web design. MAIN COMPONENTS There are three main components of responsive web design: fluid grid, fluid image and CSS media queries (Thebeebs. 2012).i) Fluid Grid Layout In responsive web design, fluid grid layout has been used to allow the content of the site to be flexible. In other words, it allows content to flow in any dimension (Nimesh, n.d.). There are some rules for completing a smooth layout (Weakly, 2003).1) Draw a layout grid before you start writing code.2) Include gutters to avoid col......middle of the paper...... . Retrieved from http://blogs.msdn.com/b/thebeebs/archive/2012/02/28/responsive-web-design-in-3- minutes-42-seconds.aspxWard, S. (2013). The 7 main advantages of responsive web design. Retrieved from http://webappdevelopmentcompanyblog.wordpress.com/2013/08/21/top-7-benefits-of-responsive-web-design/Webblogers. (2014). Complete guide to the advantages and disadvantages of responsive web design. Retrieved from http://www.webbloggers.net/complete-guide-to-responsive-web-design-advantages-and-disadvantages/Whalen, B. (2013). 5 Reasons Why Responsive Web Design Sucks for Ecommerce Businesses. Retrieved from http://room214.com/mobile/5-reasons-why-responsive-web-design-sucks-for-ecommerce-businessesYoung, J. (2013). The 8 biggest responsive web design problems (and how to avoid them). Retrieved from http://www.creativebloq.com/responsive-web-design/problems-8122790