Anonymous Pens can't be embedded.
Edit on CodePen
{"__browser":{"country":"CA","device":"unknown_device","mobile":false,"name":"firefox","platform":"pc","version":"60"},"__constants":{},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"camera; display-capture; geolocation; microphone; web-share","iframe_sandbox":"allow-forms allow-modals allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation allow-downloads allow-presentation"},"__graphql":{"data":{"data":null,"errors":[{"message":"Cannot return null for non-nullable field Query.sessionUser"}]},"url":"https://codepen.io/graphql","api":"cprails"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production","__boomboom":{"serve_url":"https://cdpn.io/cpe/boomboom","store_url":"https://codepen.io/cpe/boomboom/store"},"__pageType":"embed","__item":"{\"editor_settings\":{\"auto_run\":true,\"auto_save\":true,\"format_on_save\":false,\"indent_with\":\"spaces\",\"tab_size\":2,\"id\":\"VoDkNZ\",\"autocomplete\":false,\"code_folding\":true,\"css_pre_processor\":\"none\",\"css_prefix\":\"neither\",\"css_starter\":\"neither\",\"emmet_active\":true,\"font_size\":14,\"font_type\":\"system\",\"html_pre_processor\":\"none\",\"js_pre_processor\":\"none\",\"key_bindings\":\"normal\",\"line_numbers\":true,\"line_wrapping\":true,\"match_brackets\":true,\"snippets\":{\"markupSnippets\":{},\"stylesheetSnippets\":{}},\"theme\":\"twilight\"},\"hashid\":\"dPVEJd\",\"itemType\":\"pen\",\"resources\":[],\"tags\":[],\"id\":2944146,\"user_id\":1,\"html\":\"<header><ul class=\\\"navigation\\\">\\n <li><a href=\\\"#\\\">Home</a></li>\\n <li><a href=\\\"#\\\">About</a></li>\\n <li><a href=\\\"#\\\">Products</a></li>\\n <li><a href=\\\"#\\\">Contact</a></li>\\n</ul></header>\\n<div class=\\\"wrapper\\\">\\n <header class=\\\"header\\\">Header</header>\\n <article class=\\\"main\\\">\\n <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> \\n </article>\\n <aside class=\\\"aside aside-1\\\">Aside 1</aside>\\n <aside class=\\\"aside aside-2\\\">Aside 2</aside>\\n <footer class=\\\"footer\\\">Footer</footer>\\n</div>\",\"css\":\"@import \\\"compass/css3\\\";\\n\\n.wrapper {\\n display: -webkit-box;\\n display: -moz-box;\\n display: -ms-flexbox;\\n display: -webkit-flex;\\n display: flex; \\n \\n -webkit-flex-flow: row wrap;\\n flex-flow: row wrap;\\n \\n font-weight: bold;\\n text-align: center;\\n}\\n\\n.wrapper > * {\\n padding: 10px;\\n flex: 1 100%;\\n}\\n\\n.header {\\n background: tomato;\\n}\\n\\n.footer {\\n background: lightgreen;\\n}\\n\\n.main {\\n text-align: left;\\n background: deepskyblue;\\n}\\n\\n.aside-1 {\\n background: gold;\\n}\\n\\n.aside-2 {\\n background: hotpink;\\n}\\n\\n@media all and (min-width: 600px) {\\n .aside { flex: 1 auto; }\\n}\\n\\n@media all and (min-width: 800px) {\\n .main { flex: 3 0px; }\\n .aside-1 { order: 1; } \\n .main { order: 2; }\\n .aside-2 { order: 3; }\\n .footer { order: 4; }\\n}\\n\\nbody {\\n padding: 2em; \\n}\\n\\n.navigation {\\n list-style: none;\\n margin: 0; \\n \\n background: deepskyblue;\\n \\n display: -webkit-box;\\n display: -moz-box;\\n display: -ms-flexbox;\\n display: -webkit-flex;\\n display: flex;\\n \\n -webkit-flex-flow: row wrap;\\n justify-content: flex-end;\\n}\\n\\n.navigation a {\\n text-decoration: none;\\n display: block;\\n padding: 1em;\\n color: white;\\n}\\n\\n.navigation a:hover {\\n background: darken(deepskyblue, 2%);\\n}\\n\\n@media all and (max-width: 800px) {\\n .navigation {\\n justify-content: space-around;\\n }\\n}\\n\\n@media all and (max-width: 600px) {\\n .navigation {\\n -webkit-flex-flow: column wrap;\\n flex-flow: column wrap;\\n padding: 0;\\n }\\n \\n .navigation a { \\n text-align: center; \\n padding: 10px;\\n border-top: 1px solid rgba(255,255,255,0.3); \\n border-bottom: 1px solid rgba(0,0,0,0.1); \\n }\\n\\n \\n .navigation li:last-of-type a {\\n border-bottom: none;\\n }\\n}\\n\\n.navigation {\\n position: fixed;\\n}\",\"js\":\"\",\"html_pre_processor\":\"none\",\"css_pre_processor\":\"scss\",\"js_pre_processor\":\"none\",\"html_classes\":\"\",\"css_starter\":\"normalize\",\"js_library\":\"jquery\",\"created_at\":\"2015-02-04T21:02:19.000Z\",\"updated_at\":\"2015-02-04T21:02:19.000Z\",\"title\":\"Demo Flexbox 3\",\"description\":\"\\n\\nForked from [Hugo Giraudel](http://codepen.io/HugoGiraudel/)'s Pen [Demo Flexbox 3](http://codepen.io/HugoGiraudel/pen/qIAwr/).\",\"slug_hash\":\"dPVEJd\",\"head\":\"<script src=\\\"https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js\\\" type=\\\"text/javascript\\\"></script>\\n\\n\",\"private\":false,\"has_animation\":false,\"team_id\":0,\"css_prefix\":\"prefixfree\",\"template\":false,\"parent_id\":null,\"comments_count\":0,\"custom_screenshot_filename\":null,\"loves_count\":0,\"pick\":false,\"popularity_score\":0,\"views_count\":0,\"pick_visible_at\":\"2022-11-08T22:42:57.485Z\",\"cpid\":null,\"is_new_editor_pen\":false,\"pen_hash\":null}","__processorsMap":{"autoprefixer":"autoprefixer-10","babel":"babel-7","coffeescript":"coffeescript-2","format-1":"format-1","flutter":"flutter-1","haml":"haml-4","less":"less-3","lint-1":"lint-1","livescript":"livescript-1","markdown":"markdown-11","postcss":"postcss-7","pug":"pug-2","sass":"sass-1","scss":"sass-1","sass-ruby-3":"sass-ruby-3","sass-ruby-compass-3":"sass-ruby-compass-3","slim":"slim-3","stylus":"stylus-0","typescript":"typescript-4","vue":"vue-2","vue3":"vue-3"},"__favicon_mask_icon":"https://cpwebassets.codepen.io/assets/favicon/logo-pin-b4b4269c16397ad2f0f7a01bcdf513a1994f4c94b8af2f191c09eb0d601762b1.svg","__favicon_shortcut_icon":"https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico","__path_to_iframe_console_runner":"https://cpwebassets.codepen.io/assets/editor/iframe/iframeConsoleRunner-6d8bf8b4b479137260842506acbb12717dace0823c023e08b96360e60b0840d9.js","__path_to_iframe_refresh_css":"https://cpwebassets.codepen.io/assets/editor/iframe/iframeRefreshCSS-44fe83e49b63affec96918c9af88c0d80b209a862cf87ac46bc933074b8c557d.js","__path_to_iframe_runtime_errors":"https://cpwebassets.codepen.io/assets/editor/iframe/iframeRuntimeErrors-4f205f2c14e769b448bcf477de2938c681660d5038bc464e3700256713ebe261.js","__path_to_processor_worker":"https://cpwebassets.codepen.io/assets/packs/router.js","__path_to_stop_execution_on_timeout":"https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-2c7831bb44f98c1391d6a4ffda0e1fd302503391ca806e7fcc7b9b87197aec26.js","__pen_normalize_css_url":"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css","__pen_prefix_free_url":"https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js","__pen_reset_css_url":"https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css","__path_to_infinite_loop_detection":"https://cpwebassets.codepen.io/assets/packs/js/infiniteLoopDetection-98018b12d50424943c3d.js"}