What are the three primary parts of responsive design theory?

By: Harish Pagare | 23 June 2019


Shuresh Wakad

12 April 2020

Three Main Components of primary Responsive Design theory

  • Flexible Layouts: Using a flexible grid to create the website OR HTML page layout that will dynamically resize to any width depend on device sizes like Desktop, Laptop, and Mobile Phone, etc.
  • Media Queries: An extension to media types when targeting and including styles. The media queries allow designers to specify different styles for specific browser and device circumstances.
  • Flexible Media: Makes media (like Images, Video, and other formats OR HTML elements) scalable, by changing the size of the media as the size of the viewport changes.

0 votes


Manish Singh Rana

12 April 2020

Responsive Web Design is an approach to design a web page. That makes web pages render well on a variety of devices (Mobile, Desktop, and Laptop) and windows (OS) or screen sizes.

Responsive layouts automatically adjust and adapt to any device screen size, whether it is a desktop, a laptop, a tablet, or a mobile phone.

For Example of Responsive Website Design

A responsive website automatically changes to fit the device you're reading it on when a website is designed fully responsive. The layout and/or content responds or adapts based on the size of the device screen they are presented on. 

How to Design a responsive HTML web page? OR What is the process to design a responsive HTML page? 

  • Adds responsive meta tags in your HTML document OR web page.
  • Apply media queries to your layout through the CSS.
  • Make Images and Embedded Videos responsive.
  • Ensure your typography will be easily readable on mobile devices.

0 votes

Your Answer

Advertise With Us

Email us for details: advertise@gdatamart.com

Legal Policy
Sitemap & Support
© 2021 GDATAMART.COM (All Rights Reserved)