{"id":114,"date":"2020-04-06T13:50:33","date_gmt":"2020-04-06T11:50:33","guid":{"rendered":"https:\/\/helpcenter-classic.greyd.de\/2020\/04\/06\/breakpoint\/"},"modified":"2021-10-21T13:09:02","modified_gmt":"2021-10-21T11:09:02","slug":"breakpoint","status":"publish","type":"post","link":"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/breakpoint\/","title":{"rendered":"Breakpoint"},"content":{"rendered":"<div class=\"vc_row vc_row-fluid row_xxl\"><div class=\"vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\">\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Ein Breakpoint (dt. Sollbruchstelle) ist ein exakter Pixelwert, der im Bereich des <a href=\"https:\/\/helpcenter-classic.greyd.de\/responsive-webdesign\/\">Responsive Webdesigns<\/a> dazu dient, eine <a href=\"https:\/\/helpcenter-classic.greyd.de\/website\/\">Website<\/a> so aufzubauen, dass sie auf jedem Endger\u00e4t optimal dargestellt wird. Abh\u00e4ngig von der Displaygr\u00f6\u00dfe und dem dazugeh\u00f6rigen Breakpoint kann so das Layout einer Website ver\u00e4ndert und angepasst werden. Die GREYD.SUITE basiert auf dem <a href=\"https:\/\/helpcenter-classic.greyd.de\/bootstrap-grid\/\">Bootstrap Grid<\/a> und weist daher folgende Breakpoints auf:<\/p>\n<ul>\n<li>Mobile Ger\u00e4te: &lt;480px<\/li>\n<li>Kleine Tablets: 480 \u2013 767px<\/li>\n<li>Tablets: 768 \u2013 1024px<\/li>\n<li>Desktop: &gt;1024 px<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"greyd_block_editor_preview":[],"footnotes":""},"categories":[36,18],"tags":[],"class_list":["post-114","post","type-post","status-publish","format-standard","hentry","category-b","category-glossar"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Breakpoint - GREYD.Helpcenter - Glossar GREYD.SUITE<\/title>\n<meta name=\"description\" content=\"Ein Breakpoint ist ein exakter Pixelwert, der dazu dient, eine Website so aufzubauen, dass sie auf jedem Endger\u00e4t optimal dargestellt wird.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/breakpoint\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Breakpoint - GREYD.Helpcenter - Glossar GREYD.SUITE\" \/>\n<meta property=\"og:description\" content=\"Ein Breakpoint ist ein exakter Pixelwert, der dazu dient, eine Website so aufzubauen, dass sie auf jedem Endger\u00e4t optimal dargestellt wird.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/breakpoint\/\" \/>\n<meta property=\"og:site_name\" content=\"GREYD.Helpcenter\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-06T11:50:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-21T11:09:02+00:00\" \/>\n<meta name=\"author\" content=\"Mark Howells-Mead\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mark Howells-Mead\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/breakpoint\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/breakpoint\/\"},\"author\":{\"name\":\"Mark Howells-Mead\",\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/person\/dd4dd87e287b498185de6ea75290db3c\"},\"headline\":\"Breakpoint\",\"datePublished\":\"2020-04-06T11:50:33+00:00\",\"dateModified\":\"2021-10-21T11:09:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/breakpoint\/\"},\"wordCount\":95,\"publisher\":{\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#organization\"},\"articleSection\":[\"B\",\"Glossar\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/breakpoint\/\",\"url\":\"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/breakpoint\/\",\"name\":\"Breakpoint - GREYD.Helpcenter - Glossar GREYD.SUITE\",\"isPartOf\":{\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#website\"},\"datePublished\":\"2020-04-06T11:50:33+00:00\",\"dateModified\":\"2021-10-21T11:09:02+00:00\",\"description\":\"Ein Breakpoint ist ein exakter Pixelwert, der dazu dient, eine Website so aufzubauen, dass sie auf jedem Endger\u00e4t optimal dargestellt wird.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/breakpoint\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#website\",\"url\":\"https:\/\/helpcenter-classic.greyd.de\/\",\"name\":\"GREYD.Helpcenter\",\"description\":\"Tutorials, FAQ und mehr\",\"publisher\":{\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/helpcenter-classic.greyd.de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#organization\",\"name\":\"GREYD.Helpcenter\",\"url\":\"https:\/\/helpcenter-classic.greyd.de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/helpcenter-classic.greyd.de\/wp-content\/uploads\/2021\/10\/L_Greyd_greyd.svg\",\"contentUrl\":\"https:\/\/helpcenter-classic.greyd.de\/wp-content\/uploads\/2021\/10\/L_Greyd_greyd.svg\",\"caption\":\"GREYD.Helpcenter\"},\"image\":{\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/person\/dd4dd87e287b498185de6ea75290db3c\",\"name\":\"Mark Howells-Mead\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/904032e8d1c2fbbb3b5215abee5c27697e74c15ea1375fa512da957fcdc72cde?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/904032e8d1c2fbbb3b5215abee5c27697e74c15ea1375fa512da957fcdc72cde?s=96&d=mm&r=g\",\"caption\":\"Mark Howells-Mead\"},\"url\":\"https:\/\/helpcenter-classic.greyd.de\/en\/author\/markhowellsmead\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Breakpoint - GREYD.Helpcenter - Glossar GREYD.SUITE","description":"Ein Breakpoint ist ein exakter Pixelwert, der dazu dient, eine Website so aufzubauen, dass sie auf jedem Endger\u00e4t optimal dargestellt wird.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/breakpoint\/","og_locale":"en_US","og_type":"article","og_title":"Breakpoint - GREYD.Helpcenter - Glossar GREYD.SUITE","og_description":"Ein Breakpoint ist ein exakter Pixelwert, der dazu dient, eine Website so aufzubauen, dass sie auf jedem Endger\u00e4t optimal dargestellt wird.","og_url":"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/breakpoint\/","og_site_name":"GREYD.Helpcenter","article_published_time":"2020-04-06T11:50:33+00:00","article_modified_time":"2021-10-21T11:09:02+00:00","author":"Mark Howells-Mead","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mark Howells-Mead","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/breakpoint\/#article","isPartOf":{"@id":"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/breakpoint\/"},"author":{"name":"Mark Howells-Mead","@id":"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/person\/dd4dd87e287b498185de6ea75290db3c"},"headline":"Breakpoint","datePublished":"2020-04-06T11:50:33+00:00","dateModified":"2021-10-21T11:09:02+00:00","mainEntityOfPage":{"@id":"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/breakpoint\/"},"wordCount":95,"publisher":{"@id":"https:\/\/helpcenter-classic.greyd.de\/#organization"},"articleSection":["B","Glossar"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/breakpoint\/","url":"https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/breakpoint\/","name":"Breakpoint - GREYD.Helpcenter - Glossar GREYD.SUITE","isPartOf":{"@id":"https:\/\/helpcenter-classic.greyd.de\/#website"},"datePublished":"2020-04-06T11:50:33+00:00","dateModified":"2021-10-21T11:09:02+00:00","description":"Ein Breakpoint ist ein exakter Pixelwert, der dazu dient, eine Website so aufzubauen, dass sie auf jedem Endger\u00e4t optimal dargestellt wird.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/helpcenter-classic.greyd.de\/en\/2020\/04\/06\/breakpoint\/"]}]},{"@type":"WebSite","@id":"https:\/\/helpcenter-classic.greyd.de\/#website","url":"https:\/\/helpcenter-classic.greyd.de\/","name":"GREYD.Helpcenter","description":"Tutorials, FAQ und mehr","publisher":{"@id":"https:\/\/helpcenter-classic.greyd.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/helpcenter-classic.greyd.de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/helpcenter-classic.greyd.de\/#organization","name":"GREYD.Helpcenter","url":"https:\/\/helpcenter-classic.greyd.de\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/logo\/image\/","url":"https:\/\/helpcenter-classic.greyd.de\/wp-content\/uploads\/2021\/10\/L_Greyd_greyd.svg","contentUrl":"https:\/\/helpcenter-classic.greyd.de\/wp-content\/uploads\/2021\/10\/L_Greyd_greyd.svg","caption":"GREYD.Helpcenter"},"image":{"@id":"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/person\/dd4dd87e287b498185de6ea75290db3c","name":"Mark Howells-Mead","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/helpcenter-classic.greyd.de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/904032e8d1c2fbbb3b5215abee5c27697e74c15ea1375fa512da957fcdc72cde?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/904032e8d1c2fbbb3b5215abee5c27697e74c15ea1375fa512da957fcdc72cde?s=96&d=mm&r=g","caption":"Mark Howells-Mead"},"url":"https:\/\/helpcenter-classic.greyd.de\/en\/author\/markhowellsmead\/"}]}},"_links":{"self":[{"href":"https:\/\/helpcenter-classic.greyd.de\/en\/wp-json\/wp\/v2\/posts\/114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpcenter-classic.greyd.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helpcenter-classic.greyd.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/helpcenter-classic.greyd.de\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/helpcenter-classic.greyd.de\/en\/wp-json\/wp\/v2\/comments?post=114"}],"version-history":[{"count":0,"href":"https:\/\/helpcenter-classic.greyd.de\/en\/wp-json\/wp\/v2\/posts\/114\/revisions"}],"wp:attachment":[{"href":"https:\/\/helpcenter-classic.greyd.de\/en\/wp-json\/wp\/v2\/media?parent=114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helpcenter-classic.greyd.de\/en\/wp-json\/wp\/v2\/categories?post=114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helpcenter-classic.greyd.de\/en\/wp-json\/wp\/v2\/tags?post=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}