CINXE.COM

<!DOCTYPE html><html><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><link rel="preload" href="/playground/component---src-layouts-index-js-745ea9f5fcaee4546906.js" as="script"/><link rel="preload" href="/playground/component---src-pages-debugger-03-the-call-stack-js-b4372b69ff564251592e.js" as="script"/><link rel="preload" href="/playground/path---debugger-03-the-call-stack-a0e39f21c11f6a62c5ab.js" as="script"/><link rel="preload" href="/playground/app-8f1ccff5c7a42d45471a.js" as="script"/><link rel="preload" href="/playground/commons-801253a49cbae9e30f44.js" as="script"/><title data-react-helmet="true">Debugger PlayGround | The Call Stack | Mozilla</title><link data-react-helmet="true" rel="shortcut icon" type="image/x-icon" href="/playground/static/favicon.d4f1f46b.ico"/><link data-react-helmet="true" rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMQAAADECAAAAADlzdG3AAADZ0lEQVR4Ae3aIcyjShTF8SvGm/FqvBov8MEj0XgcComsxuNwuBosqgKFr0RUICrIfdu8NF/p6wwzdGE3L+fnb+jJv7tbkiUAAAAAAAAAAAAAAAAAAAAAAAAAgP8LIR/Exjv641QYF6eqfqhORRwq57sk//euKYssDn/PFKHDdYoWgqzqrhP/uF/bKtO0Rj/u7vxjGtoy0fQ1WV/XJa8HcT3M/F/z0CSSzGTcfLyb+jqS347oeF328lHaG5tMXSpNwZOL+W48fzlDtrwufX6U4DyxzXSJBS253Z0D8c2Is/sImd14zVQqeifzcf0ul4eUUBW76EJaUjW7aPQBJXTLbq7Lr1TgeteF+5YwbDAYk5cV4ZVdDeHOJVTH7saInvTA7ga9awnZMG/5NKplH63asYQ4sZ9W0oMs2c9J7lYiiW/sqRD0S3pnP1O0W4myZ1+3gIiCgX1d1F4lxpm91YJEyf7SvUpsMYYUjuyvVzuV2KSUFW+R/EUluM9G3qKVB5SYx6Hvrw4/Bd823Mf+193Ea+Zg7xHXukiiQOswSk8duxvKPA4fd3Fa9Ssjcv8Rxfmp6XjFkAcvrXV8ZjddGgh6kjod2KYV/ivUk4zYaq40LanizuvGTNGSrthiVPQFzTZTJumdyNdX9JGgd7K0PSikLwT2DZ8qi3xmuyH42N/S4p7uNqIQ9Ils2OoWGaoPbFTuM8Lyt3c4stf2p8ScsN5pxC0kA1HPbNYpMrC8ZfVinxGNIJPotuk3hCiOHmH7V1T2bNRrMgrHg0d0ksxq+58IE9UePCIXZGB9fZtiMhPlwSNCok3fC00W2bEjboos1JUNGkkW8f3QEb11hBjYoBTWgtdDR1TSOqJng9z+uOHQEaUgm4o/mxOy0d2hI1LaNGKK/d+MMQIjNo5o/9wIlEAJlEAJlEAJlEAJlEAJlEAJlEAJlEAJlEAJlEAJlCBf8kfIBrl8I9xGJKYLe4nB8CQjUTRPdccGfbOUS6cR86VunhLhXmJqfkROITr21xpGWJTCUsIi3+2/lDb+I06WEhZz9rePOG8bgRIogRIogRIogRIogRIo0bG/83JEvfF9ov1t7xPlxVt/Wo4oHE7SDyPKfv0wJgdCaX9K0CvlcrLx0ZLgbwEAAAAAAAAAAAAAAAAAAAAAAAAA/wDu9ByccrvLSQAAAABJRU5ErkJggg==" sizes="196x196"/><meta data-react-helmet="true" name="description" content="Learn how to use the Firefox Debugger to find and fix bugs."/><meta data-react-helmet="true" property="og:url" content="https://mozilladevelopers.github.io/playground/debugger"/><meta data-react-helmet="true" property="og:title" content="Go beyond console.log!"/><meta data-react-helmet="true" property="og:description" content="Still using console.log for debugging JavaScript? There is a better way! Learn how to use Firefox Debugger to debug and fix your code."/><meta data-react-helmet="true" property="og:image" content="/playground/static/fb.b7e08052.png"/><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"/><meta data-react-helmet="true" name="twitter:site" content="@firefox"/><meta data-react-helmet="true" name="twitter:creator" content="@firefox"/><meta data-react-helmet="true" name="twitter:title" content="Go beyond console.log"/><meta data-react-helmet="true" name="twitter:description" content="Still using console.log for debugging JavaScript? There is a better way! Learn how to use Firefox Debugger to debug and fix your code."/><meta data-react-helmet="true" name="twitter:image" content="https://i.imgur.com/HQemmAf.png"/><style id="gatsby-inlined-css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);@font-face{font-family:Antonio;src:local("Antonio Light"),local("Antonio-Light"),url(/playground/static/antonio-light.4b30712e.woff2) format("woff2"),url(/playground/static/antonio-light.6dea71fb.woff) format("woff"),url(/playground/static/antonio-light.ce004658.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Antonio;src:local("Antonio Bold"),local("Antonio-Bold"),url(/playground/static/antonio-bold.cee7b01b.woff2) format("woff2"),url(/playground/static/antonio-bold.eb8e8cd4.woff) format("woff"),url(/playground/static/antonio-bold.07cba0f6.ttf) format("truetype");font-weight:700;font-style:normal}.m0{margin:0}.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0{margin-left:0}.my0{margin-top:0;margin-bottom:0}.mx0{margin-left:0;margin-right:0}.m1{margin:.5rem}.mt1{margin-top:.5rem}.mr1{margin-right:.5rem}.mb1{margin-bottom:.5rem}.ml1{margin-left:.5rem}.my1{margin-top:.5rem;margin-bottom:.5rem}.mx1{margin-left:.5rem;margin-right:.5rem}.m2{margin:1rem}.mt2{margin-top:1rem}.mr2{margin-right:1rem}.mb2{margin-bottom:1rem}.ml2{margin-left:1rem}.my2{margin-top:1rem;margin-bottom:1rem}.mx2{margin-left:1rem;margin-right:1rem}.m3{margin:1.5rem}.mt3{margin-top:1.5rem}.mr3{margin-right:1.5rem}.mb3{margin-bottom:1.5rem}.ml3{margin-left:1.5rem}.my3{margin-top:1.5rem;margin-bottom:1.5rem}.mx3{margin-left:1.5rem;margin-right:1.5rem}.m4{margin:2rem}.mt4{margin-top:2rem}.mr4{margin-right:2rem}.mb4{margin-bottom:2rem}.ml4{margin-left:2rem}.my4{margin-top:2rem;margin-bottom:2rem}.mx4{margin-left:2rem;margin-right:2rem}.m5{margin:2.5rem}.mt5{margin-top:2.5rem}.mr5{margin-right:2.5rem}.mb5{margin-bottom:2.5rem}.ml5{margin-left:2.5rem}.my5{margin-top:2.5rem;margin-bottom:2.5rem}.mx5{margin-left:2.5rem;margin-right:2.5rem}.m6{margin:3rem}.mt6{margin-top:3rem}.mr6{margin-right:3rem}.mb6{margin-bottom:3rem}.ml6{margin-left:3rem}.my6{margin-top:3rem;margin-bottom:3rem}.mx6{margin-left:3rem;margin-right:3rem}.m7{margin:3.5rem}.mt7{margin-top:3.5rem}.mr7{margin-right:3.5rem}.mb7{margin-bottom:3.5rem}.ml7{margin-left:3.5rem}.my7{margin-top:3.5rem;margin-bottom:3.5rem}.mx7{margin-left:3.5rem;margin-right:3.5rem}.m8{margin:4rem}.mt8{margin-top:4rem}.mr8{margin-right:4rem}.mb8{margin-bottom:4rem}.ml8{margin-left:4rem}.my8{margin-top:4rem;margin-bottom:4rem}.mx8{margin-left:4rem;margin-right:4rem}.m9{margin:4.5rem}.mt9{margin-top:4.5rem}.mr9{margin-right:4.5rem}.mb9{margin-bottom:4.5rem}.ml9{margin-left:4.5rem}.my9{margin-top:4.5rem;margin-bottom:4.5rem}.mx9{margin-left:4.5rem;margin-right:4.5rem}.m10{margin:5rem}.mt10{margin-top:5rem}.mr10{margin-right:5rem}.mb10{margin-bottom:5rem}.ml10{margin-left:5rem}.my10{margin-top:5rem;margin-bottom:5rem}.mx10{margin-left:5rem;margin-right:5rem}.m11{margin:5.5rem}.mt11{margin-top:5.5rem}.mr11{margin-right:5.5rem}.mb11{margin-bottom:5.5rem}.ml11{margin-left:5.5rem}.my11{margin-top:5.5rem;margin-bottom:5.5rem}.mx11{margin-left:5.5rem;margin-right:5.5rem}.m12{margin:6rem}.mt12{margin-top:6rem}.mr12{margin-right:6rem}.mb12{margin-bottom:6rem}.ml12{margin-left:6rem}.my12{margin-top:6rem;margin-bottom:6rem}.mx12{margin-left:6rem;margin-right:6rem}.p0{padding:0}.pt0{padding-top:0}.pr0{padding-right:0}.pb0{padding-bottom:0}.pl0{padding-left:0}.py0{padding-top:0;padding-bottom:0}.px0{padding-left:0;padding-right:0}.p1{padding:.5rem}.pt1{padding-top:.5rem}.pr1{padding-right:.5rem}.pb1{padding-bottom:.5rem}.pl1{padding-left:.5rem}.py1{padding-top:.5rem;padding-bottom:.5rem}.px1{padding-left:.5rem;padding-right:.5rem}.p2{padding:1rem}.pt2{padding-top:1rem}.pr2{padding-right:1rem}.pb2{padding-bottom:1rem}.pl2{padding-left:1rem}.py2{padding-top:1rem;padding-bottom:1rem}.px2{padding-left:1rem;padding-right:1rem}.p3{padding:1.5rem}.pt3{padding-top:1.5rem}.pr3{padding-right:1.5rem}.pb3{padding-bottom:1.5rem}.pl3{padding-left:1.5rem}.py3{padding-top:1.5rem;padding-bottom:1.5rem}.px3{padding-left:1.5rem;padding-right:1.5rem}.p4{padding:2rem}.pt4{padding-top:2rem}.pr4{padding-right:2rem}.pb4{padding-bottom:2rem}.pl4{padding-left:2rem}.py4{padding-top:2rem;padding-bottom:2rem}.px4{padding-left:2rem;padding-right:2rem}.p5{padding:2.5rem}.pt5{padding-top:2.5rem}.pr5{padding-right:2.5rem}.pb5{padding-bottom:2.5rem}.pl5{padding-left:2.5rem}.py5{padding-top:2.5rem;padding-bottom:2.5rem}.px5{padding-left:2.5rem;padding-right:2.5rem}.p6{padding:3rem}.pt6{padding-top:3rem}.pr6{padding-right:3rem}.pb6{padding-bottom:3rem}.pl6{padding-left:3rem}.py6{padding-top:3rem;padding-bottom:3rem}.px6{padding-left:3rem;padding-right:3rem}.p7{padding:3.5rem}.pt7{padding-top:3.5rem}.pr7{padding-right:3.5rem}.pb7{padding-bottom:3.5rem}.pl7{padding-left:3.5rem}.py7{padding-top:3.5rem;padding-bottom:3.5rem}.px7{padding-left:3.5rem;padding-right:3.5rem}.p8{padding:4rem}.pt8{padding-top:4rem}.pr8{padding-right:4rem}.pb8{padding-bottom:4rem}.pl8{padding-left:4rem}.py8{padding-top:4rem;padding-bottom:4rem}.px8{padding-left:4rem;padding-right:4rem}.p9{padding:4.5rem}.pt9{padding-top:4.5rem}.pr9{padding-right:4.5rem}.pb9{padding-bottom:4.5rem}.pl9{padding-left:4.5rem}.py9{padding-top:4.5rem;padding-bottom:4.5rem}.px9{padding-left:4.5rem;padding-right:4.5rem}.p10{padding:5rem}.pt10{padding-top:5rem}.pr10{padding-right:5rem}.pb10{padding-bottom:5rem}.pl10{padding-left:5rem}.py10{padding-top:5rem;padding-bottom:5rem}.px10{padding-left:5rem;padding-right:5rem}.p11{padding:5.5rem}.pt11{padding-top:5.5rem}.pr11{padding-right:5.5rem}.pb11{padding-bottom:5.5rem}.pl11{padding-left:5.5rem}.py11{padding-top:5.5rem;padding-bottom:5.5rem}.px11{padding-left:5.5rem;padding-right:5.5rem}.p12{padding:6rem}.pt12{padding-top:6rem}.pr12{padding-right:6rem}.pb12{padding-bottom:6rem}.pl12{padding-left:6rem}.py12{padding-top:6rem;padding-bottom:6rem}.px12{padding-left:6rem;padding-right:6rem}.clearfix:after{clear:both;content:"";display:table}.center{margin-left:auto;margin-right:auto}.pull-right{float:right}.pull-left{float:left}.text-center{text-align:center}.hidden{display:none;visibility:hidden}@media (max-width:59.3125em){.hidden-mobile{display:none;visibility:hidden}}@media (min-width:59.375em){.hidden-desktop{display:none;visibility:hidden}}*{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-weight:400;margin:0;outline:0;padding:0;text-decoration:none;text-rendering:optimizeLegibility;list-style:none}body,html{min-height:100vh;min-width:100%}a{color:currentColor}textarea{resize:none}input,textarea{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}html{color:#000;line-height:1.5;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,"sans-serif";font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{margin-bottom:1rem}p.lead{font-size:21.328px;font-size:1.333rem;font-weight:300}em,i{font-style:italic;line-height:inherit}b,strong{font-weight:600}.small,small{font-size:12.003px;font-size:.75019rem}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,"sans-serif";font-weight:600;line-height:1.5}.h1,h1{font-size:37.89749px;font-size:2.36859rem;line-height:3rem}.h1,.h2,h1,h2{font-family:Antonio,Open Sans,Helvetica Neue,Helvetica,Arial,"sans-serif";font-weight:300;text-transform:uppercase;margin-bottom:1rem}.h2,h2{font-size:28.43022px;font-size:1.77689rem;line-height:2rem;border-bottom:1px solid #eee;padding-bottom:2.5rem;margin-bottom:2.5rem}.h3,h3{font-size:21.328px;font-size:1.333rem;font-family:Antonio,Open Sans,Helvetica Neue,Helvetica,Arial,"sans-serif";font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.h3,.h4,h3,h4{line-height:1.5rem}.h4,h4{font-size:16px;font-size:1rem;margin-bottom:1rem}.h5,h5{font-size:12.003px;font-size:.75019rem;margin-bottom:.5rem;line-height:1.5rem}a{color:#306ffd;cursor:pointer;text-decoration:none;-webkit-transition:color .3s ease;transition:color .3s ease}a:focus,a:hover{color:#0069f2}a img,hr{border:0}hr{height:1px;background-color:#ccc;margin:1rem 0}dl,ol,ul{list-style-position:inside;line-height:inherit;margin-bottom:1rem}ol,ul{margin-left:1.25rem}ol,ul,ul.list li{list-style-type:disc}ul.list li{margin-left:1rem}ol.list{margin-left:2rem}ol.list li{list-style-type:number;margin-bottom:.5rem}p code{background-color:#f3f3f3;padding:0 2px}blockquote{font-size:21.328px;font-size:1.333rem;line-height:1.5;margin:0 0 .5rem;padding:.5rem 1rem;font-weight:300;border-left:5px solid #f2f2f2}dt{float:left;clear:left;width:100px;text-align:right;font-weight:700}dt:after{content:":"}dd{margin:0 0 0 110px;padding:0 0 .5rem}.shortcut{background:#fff;border-radius:5px;border:1px solid #d6dadc;border-bottom-color:#cdd2d4;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.1);box-shadow:0 2px 3px rgba(0,0,0,.1);color:#4d4d4d;cursor:default;display:inline-block;font-size:14px;padding:0 8px;font-weight:700}.row:after{clear:both;content:"";display:table}.break{clear:both}.container{max-width:100%;height:100%;margin:0 auto;padding:0 .5rem}.container:after{clear:both;content:"";display:table}@media (min-width:46.875em){.container{width:750px}}@media (min-width:59.375em){.container{width:950px}}@media (min-width:75em){.container{width:1200px}}.col-xs-1{width:6.09756%;float:left;margin-right:2.43902%}.col-xs-1:last-child{margin-right:0}.col-xs-1--last{width:6.09756%;float:right}.col-xs-1--center{width:6.09756%;margin-left:auto;margin-right:auto}.col-xs-2{width:14.63415%;float:left;margin-right:2.43902%}.col-xs-2:last-child{margin-right:0}.col-xs-2--last{width:14.63415%;float:right}.col-xs-2--center{width:14.63415%;margin-left:auto;margin-right:auto}.col-xs-3{width:23.17073%;float:left;margin-right:2.43902%}.col-xs-3:last-child{margin-right:0}.col-xs-3--last{width:23.17073%;float:right}.col-xs-3--center{width:23.17073%;margin-left:auto;margin-right:auto}.col-xs-4{width:31.70732%;float:left;margin-right:2.43902%}.col-xs-4:last-child{margin-right:0}.col-xs-4--last{width:31.70732%;float:right}.col-xs-4--center{width:31.70732%;margin-left:auto;margin-right:auto}.col-xs-5{width:40.2439%;float:left;margin-right:2.43902%}.col-xs-5:last-child{margin-right:0}.col-xs-5--last{width:40.2439%;float:right}.col-xs-5--center{width:40.2439%;margin-left:auto;margin-right:auto}.col-xs-6{width:48.78049%;float:left;margin-right:2.43902%}.col-xs-6:last-child{margin-right:0}.col-xs-6--last{width:48.78049%;float:right}.col-xs-6--center{width:48.78049%;margin-left:auto;margin-right:auto}.col-xs-7{width:57.31707%;float:left;margin-right:2.43902%}.col-xs-7:last-child{margin-right:0}.col-xs-7--last{width:57.31707%;float:right}.col-xs-7--center{width:57.31707%;margin-left:auto;margin-right:auto}.col-xs-8{width:65.85366%;float:left;margin-right:2.43902%}.col-xs-8:last-child{margin-right:0}.col-xs-8--last{width:65.85366%;float:right}.col-xs-8--center{width:65.85366%;margin-left:auto;margin-right:auto}.col-xs-9{width:74.39024%;float:left;margin-right:2.43902%}.col-xs-9:last-child{margin-right:0}.col-xs-9--last{width:74.39024%;float:right}.col-xs-9--center{width:74.39024%;margin-left:auto;margin-right:auto}.col-xs-10{width:82.92683%;float:left;margin-right:2.43902%}.col-xs-10:last-child{margin-right:0}.col-xs-10--last{width:82.92683%;float:right}.col-xs-10--center{width:82.92683%;margin-left:auto;margin-right:auto}.col-xs-11{width:91.46341%;float:left;margin-right:2.43902%}.col-xs-11:last-child{margin-right:0}.col-xs-11--last{width:91.46341%;float:right}.col-xs-11--center{width:91.46341%;margin-left:auto;margin-right:auto}.col-xs-12{width:100%;float:left;margin-right:2.43902%}.col-xs-12:last-child{margin-right:0}.col-xs-12--last{width:100%;float:right}.col-xs-12--center{width:100%;margin-left:auto;margin-right:auto}@media (min-width:46.875em){.col-sm-1{width:6.09756%;float:left;margin-right:2.43902%}.col-sm-1:last-child{margin-right:0}.col-sm-1--last{width:6.09756%;float:right}.col-sm-1--center{width:6.09756%;margin-left:auto;margin-right:auto}}@media (min-width:46.875em){.col-sm-2{width:14.63415%;float:left;margin-right:2.43902%}.col-sm-2:last-child{margin-right:0}.col-sm-2--last{width:14.63415%;float:right}.col-sm-2--center{width:14.63415%;margin-left:auto;margin-right:auto}}@media (min-width:46.875em){.col-sm-3{width:23.17073%;float:left;margin-right:2.43902%}.col-sm-3:last-child{margin-right:0}.col-sm-3--last{width:23.17073%;float:right}.col-sm-3--center{width:23.17073%;margin-left:auto;margin-right:auto}}@media (min-width:46.875em){.col-sm-4{width:31.70732%;float:left;margin-right:2.43902%}.col-sm-4:last-child{margin-right:0}.col-sm-4--last{width:31.70732%;float:right}.col-sm-4--center{width:31.70732%;margin-left:auto;margin-right:auto}}@media (min-width:46.875em){.col-sm-5{width:40.2439%;float:left;margin-right:2.43902%}.col-sm-5:last-child{margin-right:0}.col-sm-5--last{width:40.2439%;float:right}.col-sm-5--center{width:40.2439%;margin-left:auto;margin-right:auto}}@media (min-width:46.875em){.col-sm-6{width:48.78049%;float:left;margin-right:2.43902%}.col-sm-6:last-child{margin-right:0}.col-sm-6--last{width:48.78049%;float:right}.col-sm-6--center{width:48.78049%;margin-left:auto;margin-right:auto}}@media (min-width:46.875em){.col-sm-7{width:57.31707%;float:left;margin-right:2.43902%}.col-sm-7:last-child{margin-right:0}.col-sm-7--last{width:57.31707%;float:right}.col-sm-7--center{width:57.31707%;margin-left:auto;margin-right:auto}}@media (min-width:46.875em){.col-sm-8{width:65.85366%;float:left;margin-right:2.43902%}.col-sm-8:last-child{margin-right:0}.col-sm-8--last{width:65.85366%;float:right}.col-sm-8--center{width:65.85366%;margin-left:auto;margin-right:auto}}@media (min-width:46.875em){.col-sm-9{width:74.39024%;float:left;margin-right:2.43902%}.col-sm-9:last-child{margin-right:0}.col-sm-9--last{width:74.39024%;float:right}.col-sm-9--center{width:74.39024%;margin-left:auto;margin-right:auto}}@media (min-width:46.875em){.col-sm-10{width:82.92683%;float:left;margin-right:2.43902%}.col-sm-10:last-child{margin-right:0}.col-sm-10--last{width:82.92683%;float:right}.col-sm-10--center{width:82.92683%;margin-left:auto;margin-right:auto}}@media (min-width:46.875em){.col-sm-11{width:91.46341%;float:left;margin-right:2.43902%}.col-sm-11:last-child{margin-right:0}.col-sm-11--last{width:91.46341%;float:right}.col-sm-11--center{width:91.46341%;margin-left:auto;margin-right:auto}}@media (min-width:46.875em){.col-sm-12{width:100%;float:left;margin-right:2.43902%}.col-sm-12:last-child{margin-right:0}.col-sm-12--last{width:100%;float:right}.col-sm-12--center{width:100%;margin-left:auto;margin-right:auto}}@media (min-width:59.375em){.col-md-1{width:6.09756%;float:left;margin-right:2.43902%}.col-md-1:last-child{margin-right:0}.col-md-1--last{width:6.09756%;float:right}.col-md-1--center{width:6.09756%;margin-left:auto;margin-right:auto}}@media (min-width:59.375em){.col-md-2{width:14.63415%;float:left;margin-right:2.43902%}.col-md-2:last-child{margin-right:0}.col-md-2--last{width:14.63415%;float:right}.col-md-2--center{width:14.63415%;margin-left:auto;margin-right:auto}}@media (min-width:59.375em){.col-md-3{width:23.17073%;float:left;margin-right:2.43902%}.col-md-3:last-child{margin-right:0}.col-md-3--last{width:23.17073%;float:right}.col-md-3--center{width:23.17073%;margin-left:auto;margin-right:auto}}@media (min-width:59.375em){.col-md-4{width:31.70732%;float:left;margin-right:2.43902%}.col-md-4:last-child{margin-right:0}.col-md-4--last{width:31.70732%;float:right}.col-md-4--center{width:31.70732%;margin-left:auto;margin-right:auto}}@media (min-width:59.375em){.col-md-5{width:40.2439%;float:left;margin-right:2.43902%}.col-md-5:last-child{margin-right:0}.col-md-5--last{width:40.2439%;float:right}.col-md-5--center{width:40.2439%;margin-left:auto;margin-right:auto}}@media (min-width:59.375em){.col-md-6{width:48.78049%;float:left;margin-right:2.43902%}.col-md-6:last-child{margin-right:0}.col-md-6--last{width:48.78049%;float:right}.col-md-6--center{width:48.78049%;margin-left:auto;margin-right:auto}}@media (min-width:59.375em){.col-md-7{width:57.31707%;float:left;margin-right:2.43902%}.col-md-7:last-child{margin-right:0}.col-md-7--last{width:57.31707%;float:right}.col-md-7--center{width:57.31707%;margin-left:auto;margin-right:auto}}@media (min-width:59.375em){.col-md-8{width:65.85366%;float:left;margin-right:2.43902%}.col-md-8:last-child{margin-right:0}.col-md-8--last{width:65.85366%;float:right}.col-md-8--center{width:65.85366%;margin-left:auto;margin-right:auto}}@media (min-width:59.375em){.col-md-9{width:74.39024%;float:left;margin-right:2.43902%}.col-md-9:last-child{margin-right:0}.col-md-9--last{width:74.39024%;float:right}.col-md-9--center{width:74.39024%;margin-left:auto;margin-right:auto}}@media (min-width:59.375em){.col-md-10{width:82.92683%;float:left;margin-right:2.43902%}.col-md-10:last-child{margin-right:0}.col-md-10--last{width:82.92683%;float:right}.col-md-10--center{width:82.92683%;margin-left:auto;margin-right:auto}}@media (min-width:59.375em){.col-md-11{width:91.46341%;float:left;margin-right:2.43902%}.col-md-11:last-child{margin-right:0}.col-md-11--last{width:91.46341%;float:right}.col-md-11--center{width:91.46341%;margin-left:auto;margin-right:auto}}@media (min-width:59.375em){.col-md-12{width:100%;float:left;margin-right:2.43902%}.col-md-12:last-child{margin-right:0}.col-md-12--last{width:100%;float:right}.col-md-12--center{width:100%;margin-left:auto;margin-right:auto}}@media (min-width:75em){.col-lg-1{width:6.09756%;float:left;margin-right:2.43902%}.col-lg-1:last-child{margin-right:0}.col-lg-1--last{width:6.09756%;float:right}.col-lg-1--center{width:6.09756%;margin-left:auto;margin-right:auto}}@media (min-width:75em){.col-lg-2{width:14.63415%;float:left;margin-right:2.43902%}.col-lg-2:last-child{margin-right:0}.col-lg-2--last{width:14.63415%;float:right}.col-lg-2--center{width:14.63415%;margin-left:auto;margin-right:auto}}@media (min-width:75em){.col-lg-3{width:23.17073%;float:left;margin-right:2.43902%}.col-lg-3:last-child{margin-right:0}.col-lg-3--last{width:23.17073%;float:right}.col-lg-3--center{width:23.17073%;margin-left:auto;margin-right:auto}}@media (min-width:75em){.col-lg-4{width:31.70732%;float:left;margin-right:2.43902%}.col-lg-4:last-child{margin-right:0}.col-lg-4--last{width:31.70732%;float:right}.col-lg-4--center{width:31.70732%;margin-left:auto;margin-right:auto}}@media (min-width:75em){.col-lg-5{width:40.2439%;float:left;margin-right:2.43902%}.col-lg-5:last-child{margin-right:0}.col-lg-5--last{width:40.2439%;float:right}.col-lg-5--center{width:40.2439%;margin-left:auto;margin-right:auto}}@media (min-width:75em){.col-lg-6{width:48.78049%;float:left;margin-right:2.43902%}.col-lg-6:last-child{margin-right:0}.col-lg-6--last{width:48.78049%;float:right}.col-lg-6--center{width:48.78049%;margin-left:auto;margin-right:auto}}@media (min-width:75em){.col-lg-7{width:57.31707%;float:left;margin-right:2.43902%}.col-lg-7:last-child{margin-right:0}.col-lg-7--last{width:57.31707%;float:right}.col-lg-7--center{width:57.31707%;margin-left:auto;margin-right:auto}}@media (min-width:75em){.col-lg-8{width:65.85366%;float:left;margin-right:2.43902%}.col-lg-8:last-child{margin-right:0}.col-lg-8--last{width:65.85366%;float:right}.col-lg-8--center{width:65.85366%;margin-left:auto;margin-right:auto}}@media (min-width:75em){.col-lg-9{width:74.39024%;float:left;margin-right:2.43902%}.col-lg-9:last-child{margin-right:0}.col-lg-9--last{width:74.39024%;float:right}.col-lg-9--center{width:74.39024%;margin-left:auto;margin-right:auto}}@media (min-width:75em){.col-lg-10{width:82.92683%;float:left;margin-right:2.43902%}.col-lg-10:last-child{margin-right:0}.col-lg-10--last{width:82.92683%;float:right}.col-lg-10--center{width:82.92683%;margin-left:auto;margin-right:auto}}@media (min-width:75em){.col-lg-11{width:91.46341%;float:left;margin-right:2.43902%}.col-lg-11:last-child{margin-right:0}.col-lg-11--last{width:91.46341%;float:right}.col-lg-11--center{width:91.46341%;margin-left:auto;margin-right:auto}}@media (min-width:75em){.col-lg-12{width:100%;float:left;margin-right:2.43902%}.col-lg-12:last-child{margin-right:0}.col-lg-12--last{width:100%;float:right}.col-lg-12--center{width:100%;margin-left:auto;margin-right:auto}}.col-xs-offset-1{margin-left:6.09756%}.col-xs-offset-2{margin-left:14.63415%}.col-xs-offset-3{margin-left:23.17073%}.col-xs-offset-4{margin-left:31.70732%}.col-xs-offset-5{margin-left:40.2439%}.col-xs-offset-6{margin-left:48.78049%}.col-xs-offset-7{margin-left:57.31707%}.col-xs-offset-8{margin-left:65.85366%}.col-xs-offset-9{margin-left:74.39024%}.col-xs-offset-10{margin-left:82.92683%}.col-xs-offset-11{margin-left:91.46341%}.col-xs-offset-12{margin-left:100%}@media (min-width:46.875em){.col-sm-offset-1{margin-left:8.53659%}}@media (min-width:46.875em){.col-sm-offset-2{margin-left:17.07317%}}@media (min-width:46.875em){.col-sm-offset-3{margin-left:25.60976%}}@media (min-width:46.875em){.col-sm-offset-4{margin-left:34.14634%}}@media (min-width:46.875em){.col-sm-offset-5{margin-left:42.68293%}}@media (min-width:46.875em){.col-sm-offset-6{margin-left:51.21951%}}@media (min-width:46.875em){.col-sm-offset-7{margin-left:59.7561%}}@media (min-width:46.875em){.col-sm-offset-8{margin-left:68.29268%}}@media (min-width:46.875em){.col-sm-offset-9{margin-left:76.82927%}}@media (min-width:46.875em){.col-sm-offset-10{margin-left:85.36585%}}@media (min-width:46.875em){.col-sm-offset-11{margin-left:93.90244%}}@media (min-width:46.875em){.col-sm-offset-12{margin-left:102.43902%}}@media (min-width:59.375em){.col-md-offset-1{margin-left:8.53659%}}@media (min-width:59.375em){.col-md-offset-2{margin-left:17.07317%}}@media (min-width:59.375em){.col-md-offset-3{margin-left:25.60976%}}@media (min-width:59.375em){.col-md-offset-4{margin-left:34.14634%}}@media (min-width:59.375em){.col-md-offset-5{margin-left:42.68293%}}@media (min-width:59.375em){.col-md-offset-6{margin-left:51.21951%}}@media (min-width:59.375em){.col-md-offset-7{margin-left:59.7561%}}@media (min-width:59.375em){.col-md-offset-8{margin-left:68.29268%}}@media (min-width:59.375em){.col-md-offset-9{margin-left:76.82927%}}@media (min-width:59.375em){.col-md-offset-10{margin-left:85.36585%}}@media (min-width:59.375em){.col-md-offset-11{margin-left:93.90244%}}@media (min-width:59.375em){.col-md-offset-12{margin-left:102.43902%}}@media (min-width:75em){.col-lg-offset-1{margin-left:8.53659%}}@media (min-width:75em){.col-lg-offset-2{margin-left:17.07317%}}@media (min-width:75em){.col-lg-offset-3{margin-left:25.60976%}}@media (min-width:75em){.col-lg-offset-4{margin-left:34.14634%}}@media (min-width:75em){.col-lg-offset-5{margin-left:42.68293%}}@media (min-width:75em){.col-lg-offset-6{margin-left:51.21951%}}@media (min-width:75em){.col-lg-offset-7{margin-left:59.7561%}}@media (min-width:75em){.col-lg-offset-8{margin-left:68.29268%}}@media (min-width:75em){.col-lg-offset-9{margin-left:76.82927%}}@media (min-width:75em){.col-lg-offset-10{margin-left:85.36585%}}@media (min-width:75em){.col-lg-offset-11{margin-left:93.90244%}}@media (min-width:75em){.col-lg-offset-12{margin-left:102.43902%}}body{background-color:#fff}img{max-width:100%;height:auto;display:inline-block;vertical-align:middle}:focus{outline:0}textarea{height:auto;min-height:50px}select,textarea{border-radius:2px}select{width:100%}.main{padding-top:3rem;min-height:calc(100vh - 380px)}.content{padding-bottom:3rem;overflow-y:scroll}.content img{margin-bottom:1.5rem}@media (min-width:59.375em){.content{width:65.85366%;float:left;margin-right:2.43902%;padding-left:1.5rem}.content:last-child{margin-right:0}}@media (min-width:75em){.content{width:74.39024%;float:left;margin-right:2.43902%;padding-left:4.5rem}.content:last-child{margin-right:0}}.header{background-color:#2d68ee;background-image:linear-gradient(60deg,#1259fe,#003098);padding:1.5rem 0}.header__logo{float:left;display:inline-block;height:35px}.header__cta{float:right;border:2px solid #fff;color:#fff;background-color:transparent;font-size:14px;font-weight:700;padding:0 .5rem;line-height:35px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.header__cta:hover{background-color:hsla(0,0%,100%,.2)}.header__cta-download{margin-right:.5rem}.side{width:31.70732%;float:left;margin-right:2.43902%;border-right:1px solid #ededed;padding-bottom:2rem;display:none}.side:last-child{margin-right:0}@media (min-width:59.375em){.side{display:block}}@media (min-width:75em){.side{width:23.17073%;float:left;margin-right:2.43902%}.side:last-child{margin-right:0}}.side-nav__circle{float:left;background-color:#eee;height:40px;width:40px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.is-active .side-nav__circle{background-color:#ffc73d;background-image:linear-gradient(45deg,#ffc73d,#ff722a 99%)}.is-done .side-nav__circle{background-color:#c0d0f3}.side-nav__circle-inner{background-color:#fff;height:28px;width:28px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.side-nav__circle-inner img{margin-top:2px}.side-nav__page{margin-left:1.5rem;line-height:40px;color:#000}.is-active .side-nav__page{font-weight:700}.side-nav__line{background-color:#c0d0f3;width:4px;height:1.5rem;border-radius:2px;margin-left:18px;margin-top:.5rem;margin-bottom:.5rem;visibility:hidden}.side-nav__line.is-active{visibility:visible}.side-nav__wrap{height:40px;cursor:pointer}.side-nav__wrap:hover .side-nav__circle{background-color:#d5d5d5}.footer{padding:4rem;background-color:#000;color:#fff}.footer:after{clear:both;content:"";display:table}.footer__logo{height:2rem}.footer__header{font-weight:700;margin-bottom:1rem;margin-top:2rem;display:block}@media (min-width:59.375em){.footer__header{margin-top:0}}.footer__list{margin:0}.footer__list a{color:#fff}.footer__list a:hover{color:#e6e6e6}.footer__list li{margin-bottom:.5rem}.footer__div{background-color:#3e3e3e}.footer__legal{font-size:12.003px;font-size:.75019rem;margin:0}.footer__legal li{float:left;margin-right:1.5rem}.footer__legal a{color:#fff}.bottom-nav{padding:2rem 0;background-color:#306ffd;background-image:-webkit-gradient(linear,left top,right top,from(#2f6cfc),to(#0039b7));background-image:linear-gradient(90deg,#2f6cfc,#0039b7)}.bottom-nav__item{width:50%;float:left;padding:0 3rem;height:6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-nav__item--right{border-left:1px solid hsla(0,0%,100%,.2);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.bottom-nav__item--left{text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media (min-width:59.375em){.bottom-nav__item{padding:0 6rem}}.bottom-nav__inner{cursor:pointer;color:#fff}.bottom-nav__lead{display:block}.bottom-nav__title{font-size:21.328px;font-size:1.333rem;display:block;font-family:Antonio,Open Sans,Helvetica Neue,Helvetica,Arial,"sans-serif";text-transform:uppercase;-webkit-transition:border-bottom .2s ease;transition:border-bottom .2s ease;border-bottom:2px solid transparent}.bottom-nav__title:hover{border-bottom:2px solid #fff}@media (min-width:59.375em){.bottom-nav__title{font-size:28.43022px;font-size:1.77689rem}}.homework{background-color:#1f2534;padding:2rem;color:#fff;text-align:center}.homework__logo{height:85px;display:block;margin-bottom:2rem;margin-left:auto;margin-right:auto}.homework__title{border-bottom:0;line-height:3rem;display:inline-block;margin-bottom:2rem;padding-bottom:0}.homework__title:after{content:" ";border-bottom:2px solid #306ffd;display:block;width:100%;margin-top:.5rem}.homework__content{text-align:left}.homework__content p code{background-color:#000}.homework__content a{color:#fff;text-decoration:underline}@media (min-width:59.375em){.homework__content{width:65.85366%;float:left;margin-right:2.43902%;margin-left:14.63415%}.homework__content:last-child{margin-right:0}}.cta{padding:4rem 0;background-color:blue;background-color:#0727a9;background-image:-webkit-gradient(linear,left top,right top,from(#0727a9),to(#0772ac));background-image:linear-gradient(90deg,#0727a9,#0772ac)}.cta__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:59.375em){.cta__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.cta__logo{margin-bottom:2rem}@media (min-width:59.375em){.cta__logo{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}}.cta__text{font-size:37.89749px;font-size:2.36859rem;text-transform:uppercase;line-height:4rem;font-family:Antonio,Open Sans,Helvetica Neue,Helvetica,Arial,"sans-serif";color:#fff;text-align:center;margin-bottom:2rem}@media (min-width:59.375em){.cta__text{-webkit-box-flex:2;-ms-flex:2 0 0px;flex:2 0 0;text-align:left;margin-bottom:0;padding:0 1rem}}@media (min-width:75em){.cta__text{font-size:50.51735px;font-size:3.15733rem}}@media (min-width:59.375em){.cta__download{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}}.button,button{font-size:16px;font-size:1rem;display:inline-block;font-weight:inherit;border-radius:2px;line-height:inherit;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.25rem .5rem;border:2px solid transparent;background:#306ffd;-webkit-transition:all .3s ease;transition:all .3s ease;text-decoration:none}.button:active,.button:focus,.button:hover,button:active,button:focus,button:hover{background:#023ec5;text-decoration:none;outline:0;background-image:none}.button:disabled,button:disabled{cursor:not-allowed;opacity:.65;-webkit-box-shadow:none;box-shadow:none}.button-download{display:block;margin-bottom:1rem;background-color:#306efe;border-radius:100px;color:#fff;padding:1rem 2rem;border:none;-webkit-transition:all .3s ease;transition:all .3s ease;font-weight:700}.button-download:hover{background-color:#014cfa}.button--primary{color:#fff;background-color:#306ffd;border-color:#306ffd}.button--primary:active,.button--primary:focus,.button--primary:hover{color:#fff;background-color:#024ef8;border-color:#024ef8}.button--secondary{color:#fff;background-color:#1a1a1a;border-color:#1a1a1a}.button--secondary:active,.button--secondary:focus,.button--secondary:hover{color:#fff;background-color:#343434;border-color:#343434}.button-outline--primary{color:#306ffd;background-image:none;background-color:transparent;border-color:#306ffd}.button-outline--primary:active,.button-outline--primary:focus,.button-outline--primary:hover{color:#fff;background-color:#306ffd;border-color:#306ffd}.button-outline--secondary{color:#1a1a1a;background-image:none;background-color:transparent;border-color:#1a1a1a}.button-outline--secondary:active,.button-outline--secondary:focus,.button-outline--secondary:hover{color:#fff;background-color:#1a1a1a;border-color:#1a1a1a}.button--large{font-size:21.328px;font-size:1.333rem;padding:.75rem 1.25rem}.button--small{font-size:12.003px;font-size:.75019rem;padding:.25rem .75rem}.button--block{display:block;width:100%}.button--block+.button--block{margin-top:.5rem}input[type=button].button--block,input[type=reset].button--block,input[type=submit].button--block{width:100%}.hero{padding:5rem 0 9rem;background-color:#306ffd;background-image:linear-gradient(60deg,#306efe,#003ab7);text-align:center;color:#fff;position:relative}.hero h1{margin:0}.hero h3{display:inline-block;margin-bottom:2rem}.hero h3:after{content:" ";border-bottom:3px solid #fff;display:block;width:100%;margin-top:.5rem}.hero__breadcrumb{float:left;font-weight:700;margin-top:-4rem;cursor:pointer;font-size:14px;opacity:.7;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.hero__breadcrumb span{color:#fff;font-weight:700;margin-left:.5rem}.hero__breadcrumb:hover{opacity:1}.hero--gray{background-color:#ecf1fc;background-image:none;text-align:left}.hero--gray .hero__breadcrumb span{color:#000}.hero--gray .hero__breadcrumb img{display:none}.hero__div{position:absolute;bottom:0;left:0;width:100%;height:auto;margin-bottom:-1px}.code-block{background-color:#f4f7fe;padding:0 2rem;border-left:.5rem solid #306ffd;overflow:scroll;margin-bottom:2rem;margin-top:2rem;color:#000}.term{margin-bottom:1.5rem}.term:after{clear:both;content:"";display:table}.term__img{width:31.70732%;float:left;margin-right:2.43902%}.term__img:last-child{margin-right:0}.term__text{width:65.85366%;margin-right:2.43902%;padding-left:1rem;float:left;padding-top:1rem}.term__text:last-child{margin-right:0}.term__name{font-weight:700}.download-button{border:2px solid #fff;color:#fff;background-color:transparent;font-size:14px;font-weight:700;padding:0 .5rem;line-height:35px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.download-button:hover{background-color:hsla(0,0%,100%,.2)}.download-button.float-left{float:left}.download-button.float-right{float:right}.download-white{font-size:16px;font-size:1rem;border:0 solid #fff;color:#306ffd;background-color:#fff;border-radius:50px;padding:1rem 1.5rem;-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2);-webkit-transition:-webkit-box-shadow .2s ease;transition:-webkit-box-shadow .2s ease;transition:box-shadow .2s ease;transition:box-shadow .2s ease,-webkit-box-shadow .2s ease;font-weight:700}.download-white:active,.download-white:focus,.download-white:hover{background-color:#fff;-webkit-box-shadow:0 0 20px rgba(0,0,0,.7);box-shadow:0 0 20px rgba(0,0,0,.7)}.download-white.float-left{float:left}.download-white.float-right{float:right}.download-white img{margin-right:10px;max-width:none;height:14px}.download-button__icon{margin-right:.5rem}.tutorial-list{padding:4rem 0 8rem}.tutorial-list__title{border-bottom:0 solid transparent;padding-bottom:0;margin-bottom:6rem;text-align:center}.tutorial-item{margin-bottom:4rem}@media (min-width:59.375em){.tutorial-item{margin-bottom:0}}.tutorial-item__img{margin-bottom:1.5rem;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.tutorial-item__img:hover{opacity:.8}.tutorial-item__title{border-bottom:0 solid transparent;margin-bottom:1.5rem;padding-bottom:0}.tutorial-item__btn{background-color:transparent;border:2px solid #306ffd;border-radius:20px;padding:.5rem 1.5rem;font-weight:700;color:#306ffd;margin-top:1rem}.tutorial-item__btn img{margin-left:.5rem}.tutorial-item__btn:hover{color:#306ffd;background-color:#e1eaff}.not-found__dino{height:300px}@media (min-width:59.375em){.not-found__dino{width:48.78049%;float:left;margin-right:2.43902%}.not-found__dino:last-child{margin-right:0}}.not-found__dino img{height:300px;margin-left:auto;margin-right:auto;display:block}@media (min-width:59.375em){.not-found__dino img{float:right;margin:0}}.not-found__text{color:#000;text-align:center;margin-top:1.5rem}@media (min-width:59.375em){.not-found__text{width:48.78049%;float:left;margin-right:2.43902%;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:300px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:0}.not-found__text:last-child{margin-right:0}}.img-caption__img{margin-bottom:0!important}.img-caption__text{width:100%;display:block;background-color:#ebebeb;margin-bottom:1.5rem;text-align:center;padding:.5rem;font-size:14px}.img-caption--dark .img-caption__text{background-color:#282828;color:#fff}.video-player{border-bottom:1px solid #eee;margin-bottom:2rem;cursor:pointer}.video-player__text{border-bottom:0 transparent;margin-bottom:0;display:inline-block;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.video-player__text:hover{opacity:.8}.video-player__icon{height:2rem;margin-left:.5rem;vertical-align:middle;top:3px;position:relative;opacity:.6}.modal-video-close-btn:hover{background-color:transparent}.container-2{display:grid;grid-template-columns:150px 150px 150px;grid-template-rows:150px 150px;grid-gap:1rem}.container-4{display:grid;width:100%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,150px);grid-gap:1rem}.container-5{width:100%;display:grid;grid-template-columns:100px 30% 1fr;grid-template-rows:200px 100px;grid-gap:1rem}.container-6{display:grid;width:100%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,100px);grid-auto-rows:150px;grid-gap:1rem}.item1{grid-row:2/3;grid-column:2/3}.container-7{display:grid;width:100%;height:600px;grid-template-columns:200px 1fr 1fr;grid-template-rows:80px 1fr 1fr 100px;grid-gap:1rem}.header-7{grid-row:1/2;grid-column:1/4}.sidebar-7{grid-row:2/4;grid-column:1/2}.content-1-7{grid-row:2/3;grid-column:2/4}.content-2-7{grid-row:3/4;grid-column:2/3}.content-3-7{grid-row:3/4;grid-column:3/4}.footer-7{grid-row:4/5;grid-column:1/4}.container-8{display:grid;width:100%;height:600px;grid-template-columns:200px 1fr 1fr;grid-template-rows:80px 1fr 1fr 100px;grid-gap:1rem;grid-template-areas:"header header header" "sidebar content-1 content-1" "sidebar content-2 content-3" "footer footer footer"}.header-8{grid-area:header}.sidebar-8{grid-area:sidebar}.content-1-8{grid-area:content-1}.content-2-8{grid-area:content-2}.content-3-8{grid-area:content-3}.footer-8{grid-area:footer}.container-9{display:grid;width:100%;height:600px;grid-gap:1rem;grid-template-columns:[main-start sidebar-start] 200px [sidebar-end content-start] 1fr [column3-start] 1fr [content-end main-end];grid-template-rows:[row1-start] 80px [row2-start] 1fr [row3-start] 1fr [row4-start] 100px [row4-end]}.header-9{grid-column:main-start/main-end;grid-row:row1-start/row2-start}.sidebar-9{grid-column:sidebar-start/sidebar-end;grid-row:row2-start/row4-start}.content-1-9{grid-column:content-start/content-end;grid-row:row2-start/row3-start}.content-2-9{grid-column:content-start/column3-start}.content-2-9,.content-3-9{grid-row:row3-start/row4-start}.content-3-9{grid-column:column3-start/content-end}.footer-9{grid-column:main-start/main-end;grid-row:row4-start/row4-end}.item{background-color:#1eaafc;background-image:linear-gradient(130deg,#6c52d9,#1eaafc 85%,#3edfd7);-webkit-box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);color:#fff;border-radius:4px;border:6px solid #171717;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;font-weight:700}.header-7,.header-8,.header-9{background-color:#1eaafc;background-image:linear-gradient(160deg,#6c52d9,#9b8ae6 127%)}.sidebar-7,.sidebar-8,.sidebar-9{background-image:linear-gradient(203deg,#3edfd7,#29a49d 90%)}.content-1-7,.content-1-8,.content-1-9,.content-2-7,.content-2-8,.content-2-9,.content-3-7,.content-3-8,.content-3-9{background-image:linear-gradient(130deg,#6c52d9,#1eaafc 85%,#3edfd7)}.footer-7,.footer-8,.footer-9{background-color:#6c52d9;background-image:linear-gradient(160deg,#6c52d9,#9b8ae6 127%)}.test{border:4px solid #000;background-color:rgba(0,0,0,.5);color:#fff;padding:1rem;text-align:center;margin-bottom:1rem}.gallery{float:left;margin-right:-100%}.gallery:nth-child(3n+1){width:31.70732%;clear:both;margin-left:0}.gallery:nth-child(3n+2){width:31.70732%;clear:none;margin-left:34.14634%}.gallery:nth-child(3n+3){width:31.70732%;clear:none;margin-left:68.29268%}@-webkit-keyframes modal-video{0%{opacity:0}to{opacity:1}}@keyframes modal-video{0%{opacity:0}to{opacity:1}}@-webkit-keyframes modal-video-inner{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes modal-video-inner{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translate(0);transform:translate(0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000000;cursor:pointer;opacity:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:modal-video;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-effect-leave{opacity:0}.modal-video-effect-leave .modal-video-movie-wrap{-webkit-transform:translateY(100px);transform:translateY(100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:modal-video-inner;animation-name:modal-video-inner;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}.modal-video-close-btn:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.modal-video-close-btn:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.modal-video-close-btn:after,.modal-video-close-btn:before{content:"";position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}</style></head><body><div id="___gatsby"><div class="wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-831140530"><header class="header" data-reactid="3"><div class="container" data-reactid="4"><a href="/playground/" data-reactid="5"><img alt="logo" class="header__logo" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTA1cHgiIGhlaWdodD0iMzVweCIgdmlld0JveD0iMCAwIDEwNSAzNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDYuMiAoNDQ0OTYpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkxvZ288L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMjAxNy4wOS4xNC5QbGF5Z3JvdW5kLkNTU0dyaWQtLS0yQDJ4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEyLjAwMDAwMCwgLTI5LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI5NC4wMDAwMDAsIC04NDMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iTG9nbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDA2LjAwMDAwMCwgODcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtOSIgZmlsbD0iIzAwMDAwMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwNSIgaGVpZ2h0PSIzNSI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05OC4yNzE4Mzc3LDI0LjMwMTQwNTYgTDk4LjMyODE1NDUsMjYuMjQxNzA4NyBDOTcuNjUyMzUyNCwyNi42MTI2NDg5IDk2LjgzNTc1ODEsMjYuODQwOTE5OSA5Ni4wNDczMjIzLDI2Ljg0MDkxOTkgQzk0LjMyOTY1ODYsMjYuODQwOTE5OSA5My40Mjg1ODkxLDI1Ljg3MDc2ODQgOTMuMjMxNDgwMSwyNC4zMDE0MDU2IEM5Mi41Mjc1MTk1LDI1LjU4NTQyOTcgOTEuMjMyMjMyMSwyNi44NDA5MTk5IDg5LjE3NjY2NzMsMjYuODQwOTE5OSBDODcuMzQ2MzY5OSwyNi44NDA5MTk5IDg1LjI5MDgwNSwyNS44NzA3Njg0IDg1LjI5MDgwNSwyMy4xNjAwNTA5IEM4NS4yOTA4MDUsMjAuMDIxMzI1NSA4OC4yNDc0Mzk0LDE5LjI3OTQ0NDkgOTEuMjA0MDczNywxOS4yNzk0NDQ5IEM5MS44Nzk4NzU4LDE5LjI3OTQ0NDkgOTIuNjExOTk0OCwxOS4yNzk0NDQ5IDkzLjIzMTQ4MDEsMTkuMzkzNTgwNCBMOTMuMjMxNDgwMSwxOC45NjU1NzI0IEM5My4yMzE0ODAxLDE3LjYyNDQ4MDYgOTMuMjMxNDgwMSwxNi4wODM2NTE3IDkxLjIwNDA3MzcsMTYuMDgzNjUxNyBDOTAuNDE1NjM3OSwxNi4wODM2NTE3IDg5LjgyNDMxMSwxNi4xMTIxODU2IDg5LjIzMjk4NDEsMTYuNDU0NTkyIEw4OC44MTA2MDc4LDE3LjkwOTgxOTIgTDg1LjkzODQ0ODcsMTcuNTY3NDEyOCBMODYuNDE3MTQxOSwxNC41OTk4OTA2IEM4OC42MTM0OTg5LDEzLjcxNTM0MDcgODkuNzk2MTUyNiwxMy40MzAwMDIgOTEuODc5ODc1OCwxMy40MzAwMDIgQzk0LjU1NDkyNTksMTMuNDMwMDAyIDk2LjkyMDIzMzQsMTQuODg1MjI5MyA5Ni45MjAyMzM0LDE3LjgyNDIxNzYgTDk2LjkyMDIzMzQsMjMuMzg4MzIxOSBDOTYuOTIwMjMzNCwyNC4xNTg3MzYzIDk3LjIwMTgxNzYsMjQuMzg3MDA3MiA5Ny43OTMxNDQ1LDI0LjM4NzAwNzIgQzk3LjkwNTc3ODIsMjQuMzg3MDA3MiA5OC4xMDI4ODcxLDI0LjM4NzAwNzIgOTguMjcxODM3NywyNC4zMDE0MDU2IFogTTkwLjUwMDExMzEsMjQuMjQ0MzM3OSBDOTEuNzk1NDAwNiwyNC4yNDQzMzc5IDkzLjE0NzAwNDgsMjMuMjQ1NjUyNSA5My4yMzE0ODAxLDIxLjEzNDE0NjMgQzkyLjY0MDE1MzIsMjEuMDQ4NTQ0NyA5Mi4wMjA2Njc5LDIwLjk2Mjk0MzEgOTEuNDI5MzQxMSwyMC45NjI5NDMxIEM5MC4xMzQwNTM3LDIwLjk2Mjk0MzEgODguOTc5NTU4MywyMS4zMDUzNDk1IDg4Ljk3OTU1ODMsMjIuNzYwNTc2OCBDODguOTc5NTU4MywyMy41NTk1MjUxIDg5LjQzMDA5MzEsMjQuMjQ0MzM3OSA5MC41MDAxMTMxLDI0LjI0NDMzNzkgWiBNODIuMDI0NDI4MSw2LjkyNDI4MDEyIEw4NS42MDA1NDc3LDYuOTI0MjgwMTIgTDgwLjEwOTY1NTMsMjYuNTU1NTgxMiBMNzYuNTYxNjk0MSwyNi41NTU1ODEyIEw4Mi4wMjQ0MjgxLDYuOTI0MjgwMTIgWiBNNzQuNjc1MDc5OSw2LjkyNDI4MDEyIEw3OC4yNTExOTk1LDYuOTI0MjgwMTIgTDcyLjc2MDMwNzEsMjYuNTU1NTgxMiBMNjkuMTg0MTg3NSwyNi41NTU1ODEyIEw3NC42NzUwNzk5LDYuOTI0MjgwMTIgWiBNNjMuMDE3NDkzMSwxOC4zMDkyOTM0IEw2Ni43OTA3MjE2LDE4LjMwOTI5MzQgTDY2Ljc5MDcyMTYsMTMuNjg2ODA2OCBMNjMuMDE3NDkzMSwxMy42ODY4MDY4IEw2My4wMTc0OTMxLDE4LjMwOTI5MzQgWiBNNjMuMDE3NDkzMSwyNi41NTU1ODEyIEw2Ni43OTA3MjE2LDI2LjU1NTU4MTIgTDY2Ljc5MDcyMTYsMjEuOTMzMDk0NiBMNjMuMDE3NDkzMSwyMS45MzMwOTQ2IEw2My4wMTc0OTMxLDI2LjU1NTU4MTIgWiBNNTYuODc4OTU3LDIzLjc4Nzc5NiBMNTIuNzY3ODI3NCwyMy43ODc3OTYgTDU5LjgwNzQzMjksMTUuNTk4NTc1OSBMNTkuNTI1ODQ4NywxMy42ODY4MDY4IEw0OC4zNDY5NTUxLDEzLjY4NjgwNjggTDQ3Ljg5NjQyMDMsMTguMTk1MTU3OSBMNTAuNTcxNDcwNCwxOC40ODA0OTY2IEw1MS4xMzQ2Mzg5LDE2LjQ1NDU5MiBMNTUuMDc2ODE4LDE2LjQ1NDU5MiBMNDguMDkzNTI5MywyNC42MTUyNzgyIEw0OC40NTk1ODg4LDI2LjU1NTU4MTIgTDU5LjU4MjE2NTUsMjYuNTU1NTgxMiBMNjAuMzQyNDQyOSwyMi4wNDcyMzAxIEw1Ny40NzAyODM5LDIxLjc5MDQyNTMgTDU2Ljg3ODk1NywyMy43ODc3OTYgWiBNMzkuMjc5OTQzMSwxMy40MzAwMDIgQzQzLjg0MTYwNzUsMTMuNDMwMDAyIDQ2LjA5NDI4MTMsMTYuNTQwMTkzNiA0Ni4wOTQyODEzLDIwLjE2Mzk5NDggQzQ2LjA5NDI4MTMsMjQuMjQ0MzM3OSA0My4xMzc2NDcsMjYuODQwOTE5OSAzOS4wODI4MzQyLDI2Ljg0MDkxOTkgQzM1LjE0MDY1NTEsMjYuODQwOTE5OSAzMi40NjU2MDQ5LDI0LjQ0NDA3NSAzMi40NjU2MDQ5LDIwLjMwNjY2NDEgQzMyLjQ2NTYwNDksMTYuNTQwMTkzNiAzNC43MTgyNzg3LDEzLjQzMDAwMiAzOS4yNzk5NDMxLDEzLjQzMDAwMiBaIE0zOS4xNjczMDk0LDI0LjAxNjA2NyBDNDEuMDgyMDgyMSwyNC4wMTYwNjcgNDIuMzIxMDUyNywyMi40NzUyMzgxIDQyLjMyMTA1MjcsMjAuMDIxMzI1NSBDNDIuMzIxMDUyNywxNy40NTMyNzc0IDQwLjk0MTI5LDE2LjI1NDg1NDkgMzkuMjIzNjI2MywxNi4yNTQ4NTQ5IEMzNy4zNjUxNzA0LDE2LjI1NDg1NDkgMzYuMTgyNTE2NywxNy42ODE1NDgzIDM2LjE4MjUxNjcsMjAuMDc4MzkzMiBDMzYuMTgyNTE2NywyMi4yNzU1MDEgMzcuMjI0Mzc4MywyNC4wMTYwNjcgMzkuMTY3MzA5NCwyNC4wMTYwNjcgWiBNMjkuMTk5MjI4LDE3LjkwOTgxOTIgQzI5LjE5OTIyOCwxNC44MjgxNjE1IDI3LjA4NzM0NjMsMTMuNDMwMDAyIDI0Ljg2MjgzMDksMTMuNDMwMDAyIEMyMi44MzU0MjQ1LDEzLjQzMDAwMiAyMS4zNzExODY2LDE0LjUxNDI4OSAyMC42OTUzODQ1LDE2LjIyNjMyMSBDMjAuMTA0MDU3NiwxNC4zMTQ1NTE5IDE4LjQxNDU1MjMsMTMuNDMwMDAyIDE2LjU1NjA5NjQsMTMuNDMwMDAyIEMxNC43ODIxMTU4LDEzLjQzMDAwMiAxMy40NTg2Njk5LDE0LjI4NjAxOCAxMi42OTgzOTI1LDE1LjYyNzEwOTggTDEyLjY5ODM5MjUsMTMuNjg2ODA2OCBMNy4zNzY0NTA3NCwxMy42ODY4MDY4IEw3LjM3NjQ1MDc0LDE2LjQ4MzEyNTkgTDkuMDY1OTU2MDgsMTYuNDgzMTI1OSBMOS4wNjU5NTYwOCwyMy43ODc3OTYgTDcuMzc2NDUwNzQsMjMuNzg3Nzk2IEw3LjM3NjQ1MDc0LDI2LjU1NTU4MTIgTDE1LjA5MTg1ODQsMjYuNTU1NTgxMiBMMTUuMDkxODU4NCwyMy43ODc3OTYgTDEyLjY5ODM5MjUsMjMuNzg3Nzk2IEwxMi42OTgzOTI1LDE5LjI3OTQ0NDkgQzEyLjY5ODM5MjUsMTcuNDgxODExMiAxMy40MzA1MTE1LDE2LjIyNjMyMSAxNS4xNDgxNzUzLDE2LjIyNjMyMSBDMTYuNTU2MDk2NCwxNi4yMjYzMjEgMTcuMzE2MzczOCwxNy4xMTA4NzA5IDE3LjMxNjM3MzgsMTkuMzM2NTEyNiBMMTcuMzE2MzczOCwyNi41NTU1ODEyIEwyMi42MzgzMTU2LDI2LjU1NTU4MTIgTDIyLjYzODMxNTYsMjMuNzg3Nzk2IEwyMC45NDg4MTAzLDIzLjc4Nzc5NiBMMjAuOTQ4ODEwMywxOS4yNzk0NDQ5IEMyMC45NDg4MTAzLDE3LjQ4MTgxMTIgMjEuNjUyNzcwOCwxNi4yMjYzMjEgMjMuMzcwNDM0NiwxNi4yMjYzMjEgQzI0Ljg2MjgzMDksMTYuMjI2MzIxIDI1LjU5NDk0OTksMTcuMTEwODcwOSAyNS41OTQ5NDk5LDE5LjMzNjUxMjYgTDI1LjU5NDk0OTksMjYuNTU1NTgxMiBMMzAuOTE2ODkxNywyNi41NTU1ODEyIEwzMC45MTY4OTE3LDIzLjc4Nzc5NiBMMjkuMTk5MjI4LDIzLjc4Nzc5NiBMMjkuMTk5MjI4LDE3LjkwOTgxOTIgWiIgaWQ9Im1vemlsbGEiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+" data-reactid="6"/></a><a href="https://www.mozilla.org/firefox/developer/?utm_source=moz-playground&utm_medium=referral&utm_content=header" target="_blank" rel="noopener noreferrer" data-reactid="7"><button class="download-button undefined float-right" data-reactid="8"><img class="download-button__icon" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTEgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMjAxNy4wOS4xNC5QbGF5Z3JvdW5kLkNTU0dyaWQtLS0xQDJ4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIxMi4wMDAwMDAsIC00Mi4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOTMuMDAwMDAwLCAtNTgzLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IkxpbmtzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTgzLjAwMDAwMCwgNjEwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMTEuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMi1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNi4zMjA0NDIsIDIwLjI0NDg1Mikgc2NhbGUoLTEsIC0xKSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTE2LjMyMDQ0MiwgLTIwLjI0NDg1MikgdHJhbnNsYXRlKDEwLjgyMDQ0MiwgMTUuMjQ0ODUyKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuNDYyNTM3MSw1LjYwMTg0ODQxIEMxMC43OTQ4NzY0LDUuMjU5NDA1OTYgMTAuNzkxMjg4OSw0LjcwNDA1Nzk5IDEwLjQ1ODYyMzQsNC4zNjE2MTU1NCBMNi41MDgwNTc0NCwwLjMwOTc2NzQ2OSBDNS41ODU3MjYwMywtMC42Mjk1NDExOTEgNC4yMDE5MDI3NiwwLjc3OTQyMTggNS4xMjQ1NjAzMiwxLjcxODczMDQ2IEw2Ljg0ODIyNDIzLDMuNDc0MTIxNjUgQzcuMTM0OTAzNjIsMy43NjYwNzc5MSA3LjAzOTM0MzgyLDQuMDAzNTYyMjQgNi42MzY1NTc2NSw0LjAwMzU2MjI0IEwwLjk3ODQyNzk1Miw0LjAwMzU2MjI0IEMwLjQzODAwOTU4LDQuMDAzNTYyMjQgMy41NTI3MTM2OGUtMTQsNC40NDk5NjYzNiAzLjU1MjcxMzY4ZS0xNCw1IEMzLjU1MjcxMzY4ZS0xNCw1LjU1MDAzMzY0IDAuNDM4MDA5NTgsNS45OTY0Mzc3NiAwLjk3ODQyNzk1Miw1Ljk5NjQzNzc2IEw2LjYzNjU1NzY1LDUuOTk2NDM3NzYgQzcuMDQwNjQ4MzksNS45OTY0Mzc3NiA3LjEzNzE4NjYyLDYuMjMyNTkzNTEgNi44NDgyMjQyMyw2LjUyNzIwNjk0IEw1LjEyNDU2MDMyLDguMjgxMjY5NTQgQzQuMjAxOTAyNzYsOS4yMjA1NzgyIDUuNTg1NzI2MDMsMTAuNjI5NTQxMiA2LjUwODA1NzQ0LDkuNjkwMjMyNTMgTDEwLjQ2MjUzNzEsNS42MDE4NDg0MSBaIiBpZD0iUGFnZS0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjM1NDk4MiwgNS4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTUuMzU0OTgyLCAtNS4wMDAwMDApICI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" alt="download" data-reactid="9"/>Download Firefox</button></a></div></header><div data-reactid="11"><div class="hero " data-reactid="13"><div class="container" data-reactid="14"><a href="/playground/" data-reactid="15"><div class="hero__breadcrumb" data-reactid="16"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTMgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYWdlIDE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0id2lyZXMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSI0MDQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTIuMDAwMDAwLCAtMTI5LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxNi4wMDAwMDAsIC03MDMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzI4LjAwMDAwMCwgODI1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjUwMDAwMCwgMTMuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC02LjUwMDAwMCwgLTEzLjUwMDAwMCkgdHJhbnNsYXRlKDAuMDAwMDAwLCA3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuNjI4MTIxNCw3LjI4MjQwMjkzIEMxMy4wNjgxMTUxLDYuODM3MjI3NzUgMTMuMDYzMzY1NCw2LjExNTI3NTM4IDEyLjYyMjk0LDUuNjcwMTAwMjEgTDcuMzkyNjcxMzgsMC40MDI2OTc3MSBDNi4xNzE1NzAxMiwtMC44MTg0MDM1NDkgNC4zMzk0ODY0NCwxLjAxMzI0ODM0IDUuNTYxMDE5NDksMi4yMzQzNDk2IEw3Ljg0MzAyODAzLDQuNTE2MzU4MTQgQzguMjIyNTcxMTcsNC44OTU5MDEyOCA4LjA5NjA1Njc5LDUuMjA0NjMwOTEgNy41NjI3OTY1Miw1LjIwNDYzMDkxIEwxLjI5NTM2OTA5LDUuMjA0NjMwOTEgQzAuNTc5ODkzNTYxLDUuMjA0NjMwOTEgMCw1Ljc4NDk1NjI2IDAsNi41IEMwLDcuMjE1MDQzNzQgMC41Nzk4OTM1NjEsNy43OTUzNjkwOSAxLjI5NTM2OTA5LDcuNzk1MzY5MDkgTDcuNTYyNzk2NTIsNy43OTUzNjkwOSBDOC4wOTc3ODM5NSw3Ljc5NTM2OTA5IDguMjI1NTkzNyw4LjEwMjM3MTU2IDcuODQzMDI4MDMsOC40ODUzNjkwMiBMNS41NjEwMTk0OSwxMC43NjU2NTA0IEM0LjMzOTQ4NjQ0LDExLjk4Njc1MTcgNi4xNzE1NzAxMiwxMy44MTg0MDM1IDcuMzkyNjcxMzgsMTIuNTk3MzAyMyBMMTIuNjI4MTIxNCw3LjI4MjQwMjkzIFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==" alt="arrow left" data-reactid="17"/><span data-reactid="18">Playground Home</span></div></a></div><h3 data-reactid="19">Firefox DevTools</h3><h1 data-reactid="20">Introduction to Debugger</h1><svg width="100%" height="47px" viewBox="0 0 1440 47" version="1.1" xmlns="http://www.w3.org/2000/svg" class="hero__div" preserveAspectRatio="none" data-reactid="21"><defs data-reactid="22"></defs><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" data-reactid="23"><path d="M0,0.0577405639 C117.504588,18.44359 269.602477,22.1720696 456.293666,11.2431795 C562.076057,5.05068514 730.784198,0.911127653 885.297232,3.27366179 C1157.17617,7.43074321 1386.98062,21.3276838 1440,38.3891927 L1440,46.9388979 L0,46.9388979 L0,0.0577405639 Z" id="Path-9" fill="#FFFFFF" data-reactid="24"></path></g></svg></div><div class="main" data-reactid="25"><div class="container" data-reactid="26"><div class="side" data-reactid="27"><a href="/playground/debugger" data-reactid="28"><div class="side-nav__item is-done" data-reactid="29"><div class="side-nav__wrap" data-reactid="30"><div class="side-nav__circle" data-reactid="31"><div class="side-nav__circle-inner" data-reactid="32"><img alt="done" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTUgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ2LjIgKDQ0NDk2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYWdlIDE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMjAxNy4wOS4xNC5QbGF5Z3JvdW5kLkNTU0dyaWQtLS0zQDJ4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODkuMDAwMDAwLCAtNDYyLjAwMDAwMCkiIGZpbGw9IiNDMEQwRjMiPgogICAgICAgICAgICA8ZyBpZD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODAuMDAwMDAwLCA0MDkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iU2lkZWJhciI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA0My4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyLjI2NDY1OTgsMTAuNTM3MTc3OSBDMjMuODM4NDI2NiwxMC40OTgzNTg0IDI0LjYyNTMwOTksMTIuMzg2NjE2MSAyMy41MDQ1MjU3LDEzLjQ4Nzk5MDUgTDE1LjQ3Nzc5MDksMjEuNTE0NzI1MyBDMTQuOTg1OTg4OCwyMi4wMDY1Mjc0IDE0LjE2MDI4NTksMjIuMDA2NTI3NCAxMy42Njg0ODM4LDIxLjUxNDcyNTMgTDkuNTk1NTc1NTMsMTcuNDIyNDA3MyBDNy45MDQwMzg2MSwxNS44MDk4MjEgMTAuNDAxODY4NywxMy4zMTA2Nzk1IDEyLjAxNTc2NjQsMTUuMDAyMjE2NCBMMTQuMjc4MDU2MSwxNy4yNjQ1MDYgQzE0LjQzNTY5NSwxNy40MjI0MDczIDE0LjcxMDMxNzMsMTcuNDIyNDA3MyAxNC44ODc2Mjg0LDE3LjI2NDUwNiBMMjEuMDg0MzM0OCwxMS4wNjc3OTk2IEMyMS4zOTg4MjU5LDEwLjczMzg5ODggMjEuODExNjc3MywxMC41NTY1ODc3IDIyLjI2NDY1OTgsMTAuNTM3MTc3OSBaIiBpZD0iUGFnZS0xIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" data-reactid="34"/></div></div><span class="side-nav__page" data-reactid="35">Introduction</span></div><div class="side-nav__line is-active" data-reactid="36"></div></div></a><a href="/playground/debugger/02-check-variable-values/" data-reactid="37"><div class="side-nav__item is-done" data-reactid="38"><div class="side-nav__wrap" data-reactid="39"><div class="side-nav__circle" data-reactid="40"><div class="side-nav__circle-inner" data-reactid="41"><img alt="done" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTUgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ2LjIgKDQ0NDk2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYWdlIDE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMjAxNy4wOS4xNC5QbGF5Z3JvdW5kLkNTU0dyaWQtLS0zQDJ4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODkuMDAwMDAwLCAtNDYyLjAwMDAwMCkiIGZpbGw9IiNDMEQwRjMiPgogICAgICAgICAgICA8ZyBpZD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODAuMDAwMDAwLCA0MDkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iU2lkZWJhciI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA0My4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyLjI2NDY1OTgsMTAuNTM3MTc3OSBDMjMuODM4NDI2NiwxMC40OTgzNTg0IDI0LjYyNTMwOTksMTIuMzg2NjE2MSAyMy41MDQ1MjU3LDEzLjQ4Nzk5MDUgTDE1LjQ3Nzc5MDksMjEuNTE0NzI1MyBDMTQuOTg1OTg4OCwyMi4wMDY1Mjc0IDE0LjE2MDI4NTksMjIuMDA2NTI3NCAxMy42Njg0ODM4LDIxLjUxNDcyNTMgTDkuNTk1NTc1NTMsMTcuNDIyNDA3MyBDNy45MDQwMzg2MSwxNS44MDk4MjEgMTAuNDAxODY4NywxMy4zMTA2Nzk1IDEyLjAxNTc2NjQsMTUuMDAyMjE2NCBMMTQuMjc4MDU2MSwxNy4yNjQ1MDYgQzE0LjQzNTY5NSwxNy40MjI0MDczIDE0LjcxMDMxNzMsMTcuNDIyNDA3MyAxNC44ODc2Mjg0LDE3LjI2NDUwNiBMMjEuMDg0MzM0OCwxMS4wNjc3OTk2IEMyMS4zOTg4MjU5LDEwLjczMzg5ODggMjEuODExNjc3MywxMC41NTY1ODc3IDIyLjI2NDY1OTgsMTAuNTM3MTc3OSBaIiBpZD0iUGFnZS0xIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" data-reactid="43"/></div></div><span class="side-nav__page" data-reactid="44">Check Values</span></div><div class="side-nav__line is-active" data-reactid="45"></div></div></a><a href="/playground/debugger/03-the-call-stack" data-reactid="46"><div class="side-nav__item is-active" data-reactid="47"><div class="side-nav__wrap" data-reactid="48"><div class="side-nav__circle" data-reactid="49"><div class="side-nav__circle-inner" data-reactid="50"><img alt="current" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTYgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ2LjIgKDQ0NDk2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCAyIENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMjAxNy4wOS4xNC5QbGF5Z3JvdW5kLkNTU0dyaWQtLS0zQDJ4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODguMDAwMDAwLCAtNTMwLjAwMDAwMCkiIGZpbGw9IiNGRjlFMkUiPgogICAgICAgICAgICA8ZyBpZD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODAuMDAwMDAwLCA0MDkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iU2lkZWJhciI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxMTEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjAwMDAwMCwgMTcuMDAwMDAwKSBzY2FsZSgtMSwgLTEpIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTYuMDAwMDAwLCAtMTcuMDAwMDAwKSB0cmFuc2xhdGUoOS4wMDAwMDAsIDkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQuNjEwMTM5Miw5LjI5Nzg1NzAyIEMxNS4xMTMxMDY4LDguNzg0NTM1IDE1LjEwNzY3NzMsNy45NTIwNjcwOSAxNC42MDQyMTYxLDcuNDM4NzQ1MDggTDkuNjI1MzY3MiwyLjM2NTAxNTQxIEM4LjIyOTQ5NjI1LDAuOTU2OTg5NTQ4IDYuMTM1MTk2MjUsMy4wNjkwMjgzNCA3LjUzMTU2MDc4LDQuNDc3MDU0MiBMOS4xNDAxODA5OCw2LjEwODM4OTY3IEM5LjU3NDA0NjEsNi41NDYwMzI3OCA5LjQyOTQyNDQsNi45MDIwMjIzNSA4LjgxOTg0MTQ0LDYuOTAyMDIyMzUgTDEuMjU2NzM4NTMsNi45MDIwMjIzNSBDMC40Mzg4NjA4MjMsNi45MDIwMjIzNSAtMC4yMjQwMjk3OTgsNy41NzExODMxNSAtMC4yMjQwMjk3OTgsOC4zOTU2ODQ4NiBDLTAuMjI0MDI5Nzk4LDkuMjIwMTg2NTcgMC40Mzg4NjA4MjMsOS44ODkzNDczNyAxLjI1NjczODUzLDkuODg5MzQ3MzcgTDguODE5ODQxNDQsOS44ODkzNDczNyBDOS40MzEzOTg3Niw5Ljg4OTM0NzM3IDkuNTc3NTAxMjMsMTAuMjQzMzQ1NCA5LjE0MDE4MDk4LDEwLjY4NDk3MTYgTDcuNTMxNTYwNzgsMTIuMzE0MzE1NSBDNi4xMzUxOTYyNSwxMy43MjIzNDE0IDguMjI5NDk2MjUsMTUuODM0MzgwMiA5LjYyNTM2NzIsMTQuNDI2MzU0MyBMMTQuNjEwMTM5Miw5LjI5Nzg1NzAyIFoiIGlkPSJQYWdlLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMzgwMjg1LCA4LjM5NTY4NSkgc2NhbGUoLTEsIDEpIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNy4zODAyODUsIC04LjM5NTY4NSkgIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==" data-reactid="51"/></div></div><span class="side-nav__page" data-reactid="53">The Call Stack</span></div><div class="side-nav__line" data-reactid="54"></div></div></a><a href="/playground/debugger/04-conditional-breakpoints" data-reactid="55"><div class="side-nav__item" data-reactid="56"><div class="side-nav__wrap" data-reactid="57"><div class="side-nav__circle" data-reactid="58"><div class="side-nav__circle-inner" data-reactid="59"></div></div><span class="side-nav__page" data-reactid="62">Conditional Breakpoints</span></div><div class="side-nav__line" data-reactid="63"></div></div></a><a href="/playground/debugger/05-learn-more" data-reactid="64"><div class="side-nav__item" data-reactid="65"><div class="side-nav__wrap" data-reactid="66"><div class="side-nav__circle" data-reactid="67"><div class="side-nav__circle-inner" data-reactid="68"></div></div><span class="side-nav__page" data-reactid="71">Learn More</span></div><div class="side-nav__line" data-reactid="72"></div></div></a></div><div class="content" data-reactid="73"><div data-reactid="74"><h2 data-reactid="75">The Call Stack</h2><p data-reactid="76">Now let’s add some functionality to our todo app. In this example we’ve added the ability to delete a task. Open the app in a new tab to follow along:</p><p data-reactid="77"><a href="https://mozilladevelopers.github.io/sample-todo/02-call-stack/" target="_blank" rel="noopener noreferrer" data-reactid="78">Open to-do app in new tab.</a></p><p data-reactid="79">Try adding a few tasks. Now try deleting the first task. It seems to be working. Now try deleting the final task. <em data-reactid="81">Uh-Oh</em>. Something is not quite right. The top task is deleted from the app every time, regardless of which task we try to delete.</p><p data-reactid="83">Let’s dive into Debugger to see what’s going on in the code. Locate the <code data-reactid="86">removeSingle</code>function on Line 39 of app.js. This is the function that handles the removal of a task. Insert a breakpoint on line 40, which will trigger right after an item is deleted. Try to delete the last item in our to-do list to trigger this breakpoint. Now we can step through the code to find the root of our problem.</p><p data-reactid="88">In the previous section, we learned how to use the ‘Step Over’ button to step across lines of JavaScript code. We can use the 'Step Over’ button here, but when we reach the <code data-reactid="91">spliceItem</code> function, it will execute the function and then move on to the next line. This is great, but what if the problem exists inside that <code data-reactid="93">spliceItem</code> function? This is where we can use the ‘Step In’ button.</p><div class="img-caption " data-reactid="96"><img class="img-caption__img" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAGuCAMAAAA049yOAAAC61BMVEVHcEwAAP8BVf80WP8qUP8oUf83Y/8qUf8qUv8rUf8rUv8rUv8qUv8rUv8qUf8qUf8rUf8qUv8qUf8+Qv8yWf8pUf8rUf8qUf8tVP8pUf8rUv8pUP8qUv8qUv8sU/8rUv8pT/8dTP8VSv8kT/8AMP8AUf9Tcf9jfv83Xf8ANv8AOv8pUv8AIv8AQ/8OR/8uVP8AQP++x//U2f/a4P/f5P/Q1P+Sof9AYf+ksP/G0P+Jmv9pev+5w/9rgv92h//Cy/+wvP8dVP8CRv8yVv+XoP9Iaf+ZqP/////y9P8AM/99jv/t7//u8v/19//6+v/q7v9+k/8ABf84WP9fdP8wVP/9/v/n6//7/P8AFv/+//90i/+pt/8oUf8tVf82W/87Yf86X/86Xv86X/8qUv8qUv8uU/8rUf8qUf8zWf9+f4AvVf8oUP8rUv87X/8rUv86X/88Y/8oUP85X/8+Zf85X/86X/85YP8A//86Xv86X/85X/86Xv86X/48Yf86Xv8/Z/85Xv87Xv8AAAA/Pz8/P78/Pz85Xvo/Pz89PT09PT49PUQ9OQA7U9A6Xv47S6o/P0A8PD45OTo9PkA9PT48PD09OAAwTs9BQUI6OjsAAAAMDA0TExQTExQKBgAtSsglPKIRFSkTExQICAgGBggJCQoLDA8MDBMAAAANECMLCwwGBggMDAwODg8MDA0MDhwGAAAMDA0MDA0LCwoRERIWIFEcLHIsSL43We8ZJmIODgAqRLU1VuU4XPcoQKwiNpAUGzsyUdoQEBAfMIAQEQ4PDxAXFxgdHR5SUlNOTk8SEhMaGhtoaGmqqqympqhfX2AVFRYqKiuPj5G3t7m0tLZjY2VZWVoUFBQDAwSBgYK1tbewsLJtbW62triNjY44ODlKSkuWlpixsbNzc3Wzs7WYmJpEREV9fX+UlJa6uryDg4Wtra+dnZ+goKJ4eHk0NDUvLzBwcHKKioujo6V7e30nJyghISI0NDU1NTU9PT96lNA6AAAA+XRSTlMAAQMXNjIXUtDCwsPPybm7u7rEBEW0tYXZ8Lez6+zs7Ozs7Ozr7e/w7uvr7Ovr6+zs9/n7+/jz7fX58u738PD49u3s7PHu9P/+6/D9/f7+/fLq7O/s//z/6v/x9uvw+v/+/f/m45WZoigCyLW6XXvk/3K+//vBNQGnmJqdalSl/6SkAQQEEJ8MOunp5/b/+P+sPf///////8MEO//8/////7o8/////////7w8//////u8///////////////////////////////////////////////////////////////////////////////////////////6u74uOlWQAAAiaUlEQVR4Aezdh1LzOBgF0IQOKU7+Qje8/1uuNbn+ZrS9rzdzDhBLsqQIZu5I9BX/KAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANYX/C3Wq8WC9QofSs7denV5dc3f4OpmsUmHi9Xt3f39w2bz0NS1bKam6S2FlFJvl7naj8696tOkYW7ZpHs69W3tUhPXzfTohmZRfYe5UxWbbsVN1xyZObKIvPf9MvsBm/vN9mr6YLJYgr7bD8NhODkcptfUWrFVmtSqNMzNVZ1Hp9QuGZAp05Cm9joXaqZTWzN3yoJSHrqpMzSTZ+ghl0PXKcPyPP2yW2M1Z1Fpy2tW0Y1P51r1cfgi6Asn6H8dx42gL5ygH/8q9nb0fweCLugg6IKOoCPoCDqCjqCzPwo6gm5HB0G3o4OgCzoIuqM7CLodHQRd0BF0HN0RdOzoCLqgg6A7usN5Bd2ODoIu6CDogg6C7nN0EHQ7Ov710tdT0Ifh2NS1DFPT9JZCSqm3y1ztR+de9WnSMLcM6Z5OfVu71MR1Mz26oVlU32HuVMWmW3HTNUdmjiwi732N/h/u6Ph/Qd++fH/kD9gvOOjI+eXtz/r29Ly94w/4sl9q0OFidXW3+1nPL/whd4/DYoOOoF8/7F/3pbxtX97f38fprT2Ok1TaZaz2pu6N81s91Igyjn09HTJHN6ieMDdySaWerR5q7Fh9uiH1XNWzX8xY03R36tI/R4q1jmUHHUG/H/bHUh6noI+/G4K+dIJ++JmgD2cYdEFH0P/6ji7ovo++SNjR7ejY0cd/hx0dHN0FHRzdHd3Bjm5HB0EXdBzdRxzd8Tn6mRF0BB1Bx9EdQS/4YpwvxoGjux0dHN0FHfw+uqM7+Bxd0LGj+xzd0R1fjEPQEXQEHUEXdBB0QT9X+GLcR3yeqp8fpZr7tgwrnxnZyZgq1/xVC1915x/3A3tnupgozwXgKyGU4NgCQlBxo1otqQZtRUdBxvbd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" alt="step in" data-reactid="97"/><span class="img-caption__text" data-reactid="98">The 'step in' button in the toolbar</span></div><p data-reactid="99">The ‘Step In’ button is similar to the ‘Step Over’ Button, but it will allow us to step into a function for debugging, instead of executing it and moving on. Let’s use the ‘Step In’ button until we find ourselves on line 24, inside the <code data-reactid="101">createList</code> function. Don’t worry if you are a bit confused about what is happening. It will all start to make sense.</p><p data-reactid="103">The <code data-reactid="105">createList</code> function receives an object called <code data-reactid="107">list</code>, and uses that object to create an updated to-do list. If we hover over the <code data-reactid="109">list</code> object, we can see the list of to-do items that was provided to this function. We can also see that the item we intended to delete is still there, which means that this function was provided the wrong information. The bug is not in this function, but rather somewhere in the code before this function was invoked.</p><p data-reactid="111">On the right side of the Firefox Debugger, there is a section called <strong data-reactid="114">Call Stack</strong>. This section provides us with information about which functions we have stepped into, what lines those function are on, and how deep we are in the call stack. If you are following along, you will see that there are four items in the call stack. We started at the <code data-reactid="116">spliceItem</code> function, which invoked the <code data-reactid="118">saveList</code> function, which invoked the <code data-reactid="122">createList</code> function.</p><div class="img-caption " data-reactid="124"><img class="img-caption__img" src="/playground/static/callstack.b4205da6.png" alt="step in" data-reactid="125"/><span class="img-caption__text" data-reactid="126">The call stack</span></div><p data-reactid="127">The Call Stack section allows us to move back through the call stack so that we can figure out where this problem started. If we click on <code data-reactid="129">saveList</code> in the call stack section, we can see that it is a simple (and probably unnecessary) function that takes the global <code data-reactid="132">items</code> object and passes it to the <code data-reactid="134">createList</code> function. The bug can’t be here so let’s click on the <code data-reactid="136">spliceItem</code> function in the call stack. Do you spot the issue here? The <code data-reactid="138">index</code> argument is undefined! Now we are getting somewhere.</p><div class="img-caption " data-reactid="140"><img class="img-caption__img" src="/playground/static/index.58153721.png" alt="index is undefinfed" data-reactid="141"/><span class="img-caption__text" data-reactid="142">Spotting a bug by moving through the call stack</span></div><p data-reactid="143">Let’s continue through the call stack to the <code data-reactid="145">removeSingle</code> function. Look at the following:</p><pre class="code-block" data-reactid="147"><code data-reactid="148"> const index = el.dataset.number; </code></pre><p data-reactid="149">If we hover over <code data-reactid="151">index</code> (or <code data-reactid="153">number</code>), we see that it is undefined. If we hover over <code data-reactid="155">dataset</code> we’ll see that there is no number property. There is only <code data-reactid="158">index</code>. A typo! The line should say:</p><pre class="code-block" data-reactid="160"><code data-reactid="161"> const index = el.dataset.index; </code></pre><p data-reactid="162">Once this is fixed, everything starts working.</p></div></div></div><div data-reactid="163"><div class="homework" data-reactid="164"><div class="container" data-reactid="165"><img class="homework__logo" alt="Firefox Logo" src="data:image/png;base64,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" data-reactid="166"/><h2 class="homework__title" data-reactid="167">Firefox DevTools: Hot Tip</h2><div class="row" data-reactid="168"><div class="homework__content" data-reactid="169"><p data-reactid="170">It was easy to find the function in this example, but what if we had fifty functions across multiple files? Thankfully, you can search for a function in the source pane. Just hit <span class="shortcut" data-reactid="173">shift</span> + <span class="shortcut" data-reactid="175">command</span> + <span class="shortcut" data-reactid="178">O</span> on Mac or <span class="shortcut" data-reactid="180">shift</span> + <span class="shortcut" data-reactid="183">control</span> + <span class="shortcut" data-reactid="185">O</span> on Windows to bring up a search field in the source pane. You can search for a function or arrow through the provided list.</p><div class="img-caption img-caption--dark" data-reactid="187"><img class="img-caption__img" src="/playground/static/search.b19e8c83.gif" alt="searching" data-reactid="188"/><span class="img-caption__text" data-reactid="189">Searching for a function</span></div></div></div></div></div></div></div><div class="bottom-nav" data-reactid="190"><div class="container" data-reactid="191"><div class="bottom-nav__item bottom-nav__item--left" data-reactid="192"><a href="/playground/debugger/02-check-variable-values/" data-reactid="193"><div class="bottom-nav__inner" data-reactid="194"><span class="bottom-nav__lead" data-reactid="195">Previous</span><span class="bottom-nav__title" data-reactid="196">Check Values</span></div></a></div><div class="bottom-nav__item bottom-nav__item--right" data-reactid="197"><a href="/playground/debugger/04-conditional-breakpoints" data-reactid="198"><div class="bottom-nav__inner" data-reactid="199"><span class="bottom-nav__lead" data-reactid="200">Next</span><span class="bottom-nav__title" data-reactid="201">Conditional Breakpoints</span></div></a></div></div></div></div><div class="cta" data-reactid="202"><div class="container" data-reactid="203"><div class="cta__content" data-reactid="204"><div class="cta__logo" data-reactid="205"><img src="/playground/static/ffde-logo.0a69ffe8.png" alt="Firefox Developer Edition Logo" data-reactid="206"/></div><span class="cta__text" data-reactid="207">Get the browser with the best tools for Developers</span><div class="cta__download" data-reactid="208"><a href="https://www.mozilla.org/firefox/developer/?utm_source=moz-playground&utm_medium=referral&utm_content=bottom-cta" target="_blank" rel="noopener noreferrer" data-reactid="209"><button class="download-white" data-reactid="210"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTEgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMjAxNy4wOS4xNC5QbGF5Z3JvdW5kLkNTU0dyaWQtLS0xQDJ4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIxMi4wMDAwMDAsIC00Mi4wMDAwMDApIiBmaWxsPSIjMzA2RkZEIj4KICAgICAgICAgICAgPGcgaWQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOTMuMDAwMDAwLCAtNTgzLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IkxpbmtzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTgzLjAwMDAwMCwgNjEwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMTEuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMi1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNi4zMjA0NDIsIDIwLjI0NDg1Mikgc2NhbGUoLTEsIC0xKSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTE2LjMyMDQ0MiwgLTIwLjI0NDg1MikgdHJhbnNsYXRlKDEwLjgyMDQ0MiwgMTUuMjQ0ODUyKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuNDYyNTM3MSw1LjYwMTg0ODQxIEMxMC43OTQ4NzY0LDUuMjU5NDA1OTYgMTAuNzkxMjg4OSw0LjcwNDA1Nzk5IDEwLjQ1ODYyMzQsNC4zNjE2MTU1NCBMNi41MDgwNTc0NCwwLjMwOTc2NzQ2OSBDNS41ODU3MjYwMywtMC42Mjk1NDExOTEgNC4yMDE5MDI3NiwwLjc3OTQyMTggNS4xMjQ1NjAzMiwxLjcxODczMDQ2IEw2Ljg0ODIyNDIzLDMuNDc0MTIxNjUgQzcuMTM0OTAzNjIsMy43NjYwNzc5MSA3LjAzOTM0MzgyLDQuMDAzNTYyMjQgNi42MzY1NTc2NSw0LjAwMzU2MjI0IEwwLjk3ODQyNzk1Miw0LjAwMzU2MjI0IEMwLjQzODAwOTU4LDQuMDAzNTYyMjQgMy41NTI3MTM2OGUtMTQsNC40NDk5NjYzNiAzLjU1MjcxMzY4ZS0xNCw1IEMzLjU1MjcxMzY4ZS0xNCw1LjU1MDAzMzY0IDAuNDM4MDA5NTgsNS45OTY0Mzc3NiAwLjk3ODQyNzk1Miw1Ljk5NjQzNzc2IEw2LjYzNjU1NzY1LDUuOTk2NDM3NzYgQzcuMDQwNjQ4MzksNS45OTY0Mzc3NiA3LjEzNzE4NjYyLDYuMjMyNTkzNTEgNi44NDgyMjQyMyw2LjUyNzIwNjk0IEw1LjEyNDU2MDMyLDguMjgxMjY5NTQgQzQuMjAxOTAyNzYsOS4yMjA1NzgyIDUuNTg1NzI2MDMsMTAuNjI5NTQxMiA2LjUwODA1NzQ0LDkuNjkwMjMyNTMgTDEwLjQ2MjUzNzEsNS42MDE4NDg0MSBaIiBpZD0iUGFnZS0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjM1NDk4MiwgNS4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTUuMzU0OTgyLCAtNS4wMDAwMDApICI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=" alt="download arrow" data-reactid="211"/>Firefox Developer Edition</button></a></div></div></div></div><footer class="footer" data-reactid="213"><div class="container" data-reactid="214"><div class="row" data-reactid="215"><div class="col-md-4" data-reactid="216"><img class="footer__logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzguNSAxODUuNSI+CiAgPHN0eWxlPgogICAgLnN0MHtmaWxsOiNGRkZGRkY7fQogIDwvc3R5bGU+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTUwMy41IDExNy4yYzAgNC45IDIuNCA4LjggOSA4LjggNy44IDAgMTYuMS01LjYgMTYuNi0xOC4zLTMuNi0uNi03LjMtLjktMTEtMS03LjggMC0xNC42IDIuMi0xNC42IDEwLjV6Ii8+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTAgMHYxODUuNWg1NzguNVYwSDB6bTE2My44IDEzOS45aC0zMnYtNDNjMC0xMy4yLTQuNC0xOC4zLTEzLjEtMTguMy0xMC41IDAtMTQuOCA3LjUtMTQuOCAxOC4xdjI2LjZIMTE0VjE0MEg4MlY5Ni45YzAtMTMuMi00LjQtMTguMy0xMy4xLTE4LjMtMTAuNSAwLTE0LjggNy41LTE0LjggMTguMXYyNi42aDE0LjVWMTQwSDIyLjJ2LTE2LjZoMTAuMlY4MC4xaC0xMVY2My41aDMyLjlWNzVjNC42LTguMSAxMi41LTEzIDIzLjItMTMgMTEgMCAyMS4yIDUuMyAyNC45IDE2LjUgNC4yLTEwLjIgMTIuOS0xNi41IDI0LjktMTYuNSAxMy43IDAgMjYuMyA4LjMgMjYuMyAyNi41djM0LjloMTAuMnYxNi41em00OC42IDEuN2MtMjMuNiAwLTM5LjgtMTQuNC0zOS44LTM4LjggMC0yMi40IDEzLjYtNDAuOSA0MS00MC45czQwLjkgMTguNSA0MC45IDM5LjhjMCAyNC41LTE3LjcgMzkuOS00Mi4xIDM5Ljl6bTEyMS43LTEuN2gtNjYuOGwtMi4yLTExLjUgNDItNDguM2gtMjMuOUwyNzkuOCA5MiAyNjQgOTAuM2wyLjctMjYuOEgzMzRsMS43IDExLjUtNDIuNCA0OC4zSDMxOGwzLjYtMTEuOSAxNy4zIDEuNy00LjggMjYuOHptNDEuNCAwaC0yMi45di0yNy41aDIyLjl2MjcuNXptMC00OWgtMjIuOVY2My41aDIyLjl2MjcuNHptMTIgNDlsMzMuMS0xMTYuNmgyMS41TDQwOSAxMzkuOWgtMjEuNXptNDQuNCAwTDQ2NSAyMy4zaDIxLjVsLTMzIDExNi42aC0yMS42em0xMTMuOSAxLjdjLTEwLjIgMC0xNS44LTUuOS0xNi44LTE1LjMtNC40IDcuOC0xMi4yIDE1LjMtMjQuNiAxNS4zLTExIDAtMjMuNi01LjktMjMuNi0yMS45IDAtMTguOCAxOC4xLTIzLjIgMzUuNi0yMy4yIDQuMiAwIDguNC4yIDEyLjUuN3YtMi41YzAtNy44LS4yLTE3LjEtMTIuNS0xNy4xLTQuNiAwLTguMS4zLTExLjcgMi4yTDUwMiA5MC42bC0xNy41LTEuOSAzLjQtMTkuOGMxMy40LTUuNCAyMC4yLTcgMzIuNy03IDE2LjUgMCAzMC4zIDguNSAzMC4zIDI1LjlWMTIxYzAgNC40IDEuNyA1LjkgNS4zIDUuOSAxLjEgMCAyLjItLjIgMy4yLS41bC4yIDExLjVjLTQuMiAyLjQtOC45IDMuNy0xMy44IDMuN3oiLz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjEzLjMgNzguN2MtMTEuMiAwLTE4LjEgOC4zLTE4LjEgMjIuNyAwIDEzLjIgNi4xIDIzLjQgMTggMjMuNCAxMS40IDAgMTguOC05LjIgMTguOC0yMy43LS4xLTE1LjQtOC40LTIyLjQtMTguNy0yMi40eiIvPgo8L3N2Zz4K" alt="Mozilla Logo" data-reactid="217"/></div><div class="col-md-4" data-reactid="218"><span class="footer__header" data-reactid="219">Community & Resources</span><ul class="footer__list" data-reactid="220"><li data-reactid="221"><a href="http://github.com/mozilladevelopers/playground/" rel="noopener noreferrer" target="_blank" data-reactid="222">Contribute on Github</a></li><li data-reactid="223"><a href="https://twitter.com/FirefoxDevTools" rel="noopener noreferrer" target="_blank" data-reactid="224">Firefox DevTools Twitter</a></li><li data-reactid="225"><a href="https://devtools-html-slack.herokuapp.com/" rel="noopener noreferrer" target="_blank" data-reactid="226">Firefox DevTools Slack Channel</a></li><li data-reactid="227"><a href="https://developer.mozilla.org/docs/Web/CSS/CSS_Grid_Layout" rel="noopener noreferrer" target="_blank" data-reactid="228">MDN</a></li></ul></div><div class="col-md-4" data-reactid="229"><span class="footer__header" data-reactid="230">Mozilla</span><ul class="footer__list" data-reactid="231"><li data-reactid="232"><a href="https://www.mozilla.org/about/" rel="noopener noreferrer" target="_blank" data-reactid="233">About</a></li><li data-reactid="234"><a href="https://www.mozilla.org/contact/" rel="noopener noreferrer" target="_blank" data-reactid="235">Contact Us</a></li><li data-reactid="236"><a href="https://donate.mozilla.org/?presets=100,50,25,15&amount=50" rel="noopener noreferrer" target="_blank" data-reactid="237">Donate</a></li></ul></div></div><hr class="footer__div" data-reactid="238"/><ul class="footer__legal" data-reactid="239"><li data-reactid="240"><a href="https://www.mozilla.org/privacy/" rel="noopener noreferrer" target="_blank" data-reactid="241">Privacy</a></li><li data-reactid="242"><a href="https://www.mozilla.org/privacy/websites/#cookies" rel="noopener noreferrer" target="_blank" data-reactid="243">Cookies</a></li><li data-reactid="244"><a href="https://www.mozilla.org/legal/" rel="noopener noreferrer" target="_blank" data-reactid="245">Legal</a></li></ul></div></footer></div></div><script id="webpack-manifest">/*<![CDATA[*/window.webpackManifest={"231608221292675":"app-8f1ccff5c7a42d45471a.js","37651121599412":"component---src-pages-02-first-grid-js-566332769f76156521e4.js","166692331054057":"component---src-pages-03-firefox-devtools-js-4d49d9fbe949f44c051f.js","94085081834145":"component---src-pages-04-fr-unit-js-48d7c38e90190513a02c.js","47944494456262":"component---src-pages-05-mixing-units-js-5d3d758d0a830ea83032.js","55616705441138":"component---src-pages-06-position-items-js-fb920db7e7ddc66df489.js","48774483122690":"component---src-pages-07-basic-layout-js-2b4af9229644eb459218.js","210113615180907":"component---src-pages-08-template-areas-js-86417ed2a38587f32a93.js","26549370073863":"component---src-pages-09-named-lines-js-b5e6d21268d5a7c59914.js","9384344114300":"component---src-pages-10-learn-more-js-abc969c8b5d8e9f33383.js","162898551421021":"component---src-pages-404-js-e32ee3bf13f415e6dd85.js","35783957827783":"component---src-pages-index-js-60ad6e49edd1f1f74531.js","234804948918196":"component---src-pages-css-grid-02-first-grid-js-662a4d70bdacbc5f5c74.js","270958380025928":"component---src-pages-css-grid-03-firefox-devtools-js-7889d2c46194053d051a.js","245946605849590":"component---src-pages-css-grid-04-fr-unit-js-73d7304e90a1b1d31f0a.js","22364465788215":"component---src-pages-css-grid-05-mixing-units-js-eb1a7d094b5868ef6804.js","177315466596493":"component---src-pages-css-grid-06-position-items-js-7c4ffa3b057a0461bcb0.js","259628375151980":"component---src-pages-css-grid-07-basic-layout-js-5ffa2b65140c7d08f30e.js","226360589622867":"component---src-pages-css-grid-08-template-areas-js-49e7225dfaf73c47cc1d.js","81692003008797":"component---src-pages-css-grid-09-named-lines-js-e14a834fd64e2bae44bf.js","139762318773600":"component---src-pages-css-grid-10-learn-more-js-1a7925459470d1374a60.js","216809853818397":"component---src-pages-css-grid-index-js-7b07f5d7da5ab790f682.js","270304712061374":"component---src-pages-debugger-02-check-variable-values-js-f149857a96fcc3ce701d.js","200910591484115":"component---src-pages-debugger-03-the-call-stack-js-b4372b69ff564251592e.js","122775117748054":"component---src-pages-debugger-04-conditional-breakpoints-js-8b43fbb01271069acc46.js","124780248285625":"component---src-pages-debugger-05-learn-more-js-61e1d0fa9b92affeaed0.js","136876265974512":"component---src-pages-debugger-index-js-2597034f63dbd6422306.js","60335399758886":"path----557518bd178906f8d58a.js","170993395202698":"path---02-first-grid-a0e39f21c11f6a62c5ab.js","202528526510917":"path---03-firefox-devtools-a0e39f21c11f6a62c5ab.js","21645017057402":"path---04-fr-unit-a0e39f21c11f6a62c5ab.js","276602257718623":"path---05-mixing-units-a0e39f21c11f6a62c5ab.js","97985317976918":"path---06-position-items-a0e39f21c11f6a62c5ab.js","180086047290608":"path---07-basic-layout-a0e39f21c11f6a62c5ab.js","264468362835422":"path---08-template-areas-a0e39f21c11f6a62c5ab.js","221033611934924":"path---09-named-lines-a0e39f21c11f6a62c5ab.js","227726641203895":"path---10-learn-more-a0e39f21c11f6a62c5ab.js","254022195166212":"path---404-a0e39f21c11f6a62c5ab.js","142629428675168":"path---index-a0e39f21c11f6a62c5ab.js","178698757827068":"path---404-html-a0e39f21c11f6a62c5ab.js","123764462342234":"path---css-grid-02-first-grid-a0e39f21c11f6a62c5ab.js","207193594877290":"path---css-grid-03-firefox-devtools-a0e39f21c11f6a62c5ab.js","168672186756039":"path---css-grid-04-fr-unit-a0e39f21c11f6a62c5ab.js","51150815026611":"path---css-grid-05-mixing-units-a0e39f21c11f6a62c5ab.js","192704384712088":"path---css-grid-06-position-items-a0e39f21c11f6a62c5ab.js","7403850988108":"path---css-grid-07-basic-layout-a0e39f21c11f6a62c5ab.js","14025342602699":"path---css-grid-08-template-areas-a0e39f21c11f6a62c5ab.js","206353735991246":"path---css-grid-09-named-lines-a0e39f21c11f6a62c5ab.js","138380857046173":"path---css-grid-10-learn-more-a0e39f21c11f6a62c5ab.js","63463904736412":"path---css-grid-a0e39f21c11f6a62c5ab.js","175301269952765":"path---debugger-02-check-variable-values-a0e39f21c11f6a62c5ab.js","180248409626559":"path---debugger-03-the-call-stack-a0e39f21c11f6a62c5ab.js","200871159611423":"path---debugger-04-conditional-breakpoints-a0e39f21c11f6a62c5ab.js","148027752897441":"path---debugger-05-learn-more-a0e39f21c11f6a62c5ab.js","106222096641952":"path---debugger-a0e39f21c11f6a62c5ab.js","114276838955818":"component---src-layouts-index-js-745ea9f5fcaee4546906.js"}/*]]>*/</script><script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-35433268-86', 'auto'); </script><script>/*<![CDATA[*/!function(e,t,r){function n(){for(;d[0]&&"loaded"==d[0][f];)c=d.shift(),c[o]=!i.parentNode.insertBefore(c,i)}for(var s,a,c,d=[],i=e.scripts[0],o="onreadystatechange",f="readyState";s=r.shift();)a=e.createElement(t),"async"in i?(a.async=!1,e.head.appendChild(a)):i[f]?(d.push(a),a[o]=n):e.write("<"+t+' src="'+s+'" defer></'+t+">"),a.src=s}(document,"script",["/playground/commons-801253a49cbae9e30f44.js","/playground/app-8f1ccff5c7a42d45471a.js","/playground/path---debugger-03-the-call-stack-a0e39f21c11f6a62c5ab.js","/playground/component---src-pages-debugger-03-the-call-stack-js-b4372b69ff564251592e.js","/playground/component---src-layouts-index-js-745ea9f5fcaee4546906.js"])/*]]>*/</script></body></html>