Responsive Design Components

Two Main Components of Responsive Design

  • Media Queries

  • Flexibility

Media Queries

  • Allow you to use CSS to change the design of the website depending on the width of the device’s screen / viewport

Flexibility

  • Concept means that our Horizontal measurements on our site need to respond to changes in the size of the screen

  • This means:

    • Width of columns and other layout elements will be in percentages

    • Text will be measured in a relative unit (ems or percentages)