{"componentChunkName":"component---src-templates-term-jsx","path":"/responsive-design-glossary/responsive-design/","result":{"data":{"mdx":{"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nconst _frontmatter = {\n  \"title\": \"Responsive design\",\n  \"plural\": false\n};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n    components\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, `Responsive design in general refers to the practice of making a web page that responds to a browser's viewport and other settings. Usually this is the size of the screen people are using, but it can also include their preference for a dark mode, or the fact that they use a touch device and not a mouse (in which case larger buttons are easier to hit). With responsive design, the goal is to make the website look good and work well regardless of the device people are using to access the site.`));\n}\n;\nMDXContent.isMDXComponent = true;","excerpt":"Responsive design in general refers to the practice of making a web page that responds to a browser's viewport and other…","frontmatter":{"title":"Responsive design","plural":false,"determiner":null},"fields":{"slug":"/responsive-design-glossary/responsive-design/","ogFileName":"responsive-design"}}},"pageContext":{"slug":"/responsive-design-glossary/responsive-design/"}},"staticQueryHashes":["4164364741","425175329"]}