{"componentChunkName":"component---src-templates-term-jsx","path":"/responsive-design-glossary/adaptive-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\": \"Adaptive 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, `Adaptive design refers to the practice of creating different sites that are `, mdx(\"em\", {\n    parentName: \"p\"\n  }, `adapted`), ` to a specific platform. The most well-known examples are mobile sites that are usually located at `, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `m.`), `example.com. With adaptive design, you reduce the complexity of each site, but you are left maintaining multiple sites. Users visiting one of the site rather than the other could also be left with a bad experience.`));\n}\n;\nMDXContent.isMDXComponent = true;","excerpt":"Adaptive design refers to the practice of creating different sites that are  adapted  to a specific platform. The most…","frontmatter":{"title":"Adaptive design","plural":false,"determiner":null},"fields":{"slug":"/responsive-design-glossary/adaptive-design/","ogFileName":"adaptive-design"}}},"pageContext":{"slug":"/responsive-design-glossary/adaptive-design/"}},"staticQueryHashes":["4164364741","425175329"]}