Responsive Design is a feature of CSS that implements on Web Page for Web Designing. It helps to display the content of any web page in different screen resolutions or dimensions.

  The interesting part of Responsive Design that I discovered during my research is that it works on percentage rather than fixed dimensions or sizes.

  Responsive design relates to web technologies such as in this modern world, people are using many advance technologies such as smart phones, tablets, laptops, etc. So that a web designer should build his website in such a way that it can fit into any device and be efficient enough to meet client requirements.

  Responsive design will bring more mobile traffic to the website and is cost effective for development and maintenance. Moreover, it will be SEO friendly for the search engines.

  I have used a variety of techniques to achieve responsive design such as percentage proportions to fit the web page to the screen accordingly. Secondly, I used flexible images, blocks and CSS so that the screen size does not affect the pixels of the image or text.

  Lastly, I used an approximate pixel width using min-width or max-width media queries of CSS for small screen devices. This helps me to trigger the specific contents of the web page for those users.

   I learned how to used different values of display query in CSS. So that I can display the content of a web page depending on the size of the screen. Also I learned how to use meta tags in the head section for various purposes such as changing the viewport

   Similarly, web applications are designed to run on any smart device, no matter what the size is. By understanding some concepts about JSON and XML helps me to determine the rationale behind any web application. As it contacts the server and asynchronously updates portions of the web pages, without reloading the entire page.