{"componentChunkName":"component---src-templates-post-jsx","path":"/blog/responsive-design-glossary/","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 Glossary\",\n  \"cover\": \"\",\n  \"date\": \"2019-12-02\",\n  \"type\": [\"reference\"]\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, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `With responsive design come a lot of new terms and concepts`), ` and there wasn't really a single place that listed them all\nwith explanations in plain English. So we created one. No super long articles that bury the explanation\ntwo thirds of the way in, but the shortest, clearest explanation we can give. If something can be explained in a single\nsentence, a single sentence it is, no need to waste your time!`), mdx(\"p\", null, `In plain English also means that we didn't write it to become the `, mdx(\"em\", {\n    parentName: \"p\"\n  }, `Wikipedia of responsive design`), `. The term and\nexplanation are to the point and sometimes opinionated. We want you to do the right thing, even if there's a term for\nthe wrong thing!`), mdx(\"p\", null, `After you get the introduction and explanation of a term, you're more than welcome to dive into deeper\nexplanations and articles (and we link a few of them we particularly like) but that's up to you.`), mdx(\"p\", null, `Go check out our `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/responsive-design-glossary/\"\n  }), `Responsive Design Glossary`), ` and if you like it, please share!`));\n}\n;\nMDXContent.isMDXComponent = true;","timeToRead":1,"tableOfContents":{},"excerpt":"With responsive design come a lot of new terms and concepts  and there wasn't really a single place that listed them all\nwith explanations in plain English. So…","frontmatter":{"title":"Responsive Design Glossary","cover":"","date":"2019-12-02","updated":null},"fields":{"slug":"/blog/responsive-design-glossary/","date":"2019-12-01T23:00:00.000Z","ogFileName":"responsive-design-glossary"}}},"pageContext":{"slug":"/blog/responsive-design-glossary/"}},"staticQueryHashes":["4164364741","425175329"]}