{"componentChunkName":"component---src-templates-term-jsx","path":"/responsive-design-glossary/mobile-first/","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\": \"Mobile first\",\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, `Mobile first refers to the practice of starting a responsive design or implementation with the smallest view first. Because of the limited available space, the smallest version is often simpler than the (larger) desktop version. This forces you to prioritize the important parts of a page. It then becomes easier to design or develop for larger screen sizes, as opposed to designing or developing for desktop first and trying to fit everything in on mobile.`));\n}\n;\nMDXContent.isMDXComponent = true;","excerpt":"Mobile first refers to the practice of starting a responsive design or implementation with the smallest view first…","frontmatter":{"title":"Mobile first","plural":false,"determiner":null},"fields":{"slug":"/responsive-design-glossary/mobile-first/","ogFileName":"mobile-first"}}},"pageContext":{"slug":"/responsive-design-glossary/mobile-first/"}},"staticQueryHashes":["4164364741","425175329"]}