The instruction actually renders html tags that are meant to be viewed plainly as html tags.
and are both being rendered causing a weird view. Also it doesn鈥檛 include full instructions like it does in a glitch template that is being provided for this curriculum.</p> <h4>Add a Link to the page with the problem</h4> <p><a rel="nofollow noopener" target="_blank" href="https://learn.freecodecamp.org/information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet-frameguard">https://learn.freecodecamp.org/information-security-and-quality-assurance/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet-frameguard</a></p> <h4>Tell us about your browser and operating system</h4> <ul> <li>Browser Name: Chrome</li> <li>Browser Version: Latest</li> <li>Operating System: Windows 10</li> </ul> <h4>If possible, add a screenshot here</h4> <p><img src="https://user-images.githubusercontent.com/36323994/43032118-e28262d4-8c74-11e8-91d5-d064107d5071.png" alt="image" /></p> </div> <div> <div class="float-right"> <a class="text-muted" href="https://www.github.com/freeCodeCamp/freeCodeCamp/issues/17911" rel="nofollow noreferrer" target="_blank" onclick="dataLayer.push({'event': 'GAEvent', 'eventCategory': 'click', 'eventAction': 'source_bottom', 'eventLabel': 'Source Bottom', 'eventValue': undefined});">Source</a> </div> </div> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars2.githubusercontent.com/u/36323994?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt=" picture"> <strong>shimphillip</strong> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">1</span> </div> </div> </div> </div> </div> <div class="col-12"> <div id="ph-above-best-comment"> </div> </div> <div class="col-12 mb-4 best-comment"> <div> <h2 class="mb-3"><i class="fas fa-check mr-2"></i>Most helpful comment</h2> </div> <div class="card card-custom border-lg-success mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Hi @shimphillip. Just to let everyone know, this issue is also on the FCC Forum:<br /> <a rel="nofollow noopener" target="_blank" href="https://forum.freecodecamp.org/t/information-security-with-helmetjs-mitigate-the-risk-of-clickjacking-with-helmet-frameguard/">https://forum.freecodecamp.org/t/information-security-with-helmetjs-mitigate-the-risk-of-clickjacking-with-helmet-frameguard/</a></p> <p>Users can discuss this there as well.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars3.githubusercontent.com/u/10137?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt=" picture"> <strong>ghost</strong> <span class="text-muted ml-1">on 21 Jul 2018</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">2</span> 🎉<span class="ml-2 mr-3">1</span> </div> </div> </div> </div> </div> <div class="col-12"> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="9295564578" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="col-12 d-flex align-items-center mb-4"> <h2>All 5 comments</h2> </div> <div class="col-12"> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Let me try creating a PR for this.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars2.githubusercontent.com/u/36323994?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="shimphillip picture"> <strong>shimphillip</strong> <span class="text-muted ml-1">on 21 Jul 2018</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">3</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Wow, that looks horrible, not sure how no one else noticed this. You must be one of the first people to get through this part. My screen doesn't even show the solution input or test section.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars3.githubusercontent.com/u/8210763?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="nathanhannig picture"> <strong>nathanhannig</strong> <span class="text-muted ml-1">on 21 Jul 2018</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Hi @shimphillip. Just to let everyone know, this issue is also on the FCC Forum:<br /> <a rel="nofollow noopener" target="_blank" href="https://forum.freecodecamp.org/t/information-security-with-helmetjs-mitigate-the-risk-of-clickjacking-with-helmet-frameguard/">https://forum.freecodecamp.org/t/information-security-with-helmetjs-mitigate-the-risk-of-clickjacking-with-helmet-frameguard/</a></p> <p>Users can discuss this there as well.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars3.githubusercontent.com/u/10137?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="ghost picture"> <strong>ghost</strong> <span class="text-muted ml-1">on 21 Jul 2018</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">2</span> 🎉<span class="ml-2 mr-3">1</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>that's a good question</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars2.githubusercontent.com/u/41658192?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="Walter-lele picture"> <strong>Walter-lele</strong> <span class="text-muted ml-1">on 26 Jul 2018</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p><strong>@ezioda004</strong> This was fixed in <a rel="nofollow noopener" target="_blank" href="https://github.com/freeCodeCamp/curriculum/pull/306">https://github.com/freeCodeCamp/curriculum/pull/306</a> , please close the issue</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars2.githubusercontent.com/u/34807532?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="thecodingaviator picture"> <strong>thecodingaviator</strong> <span class="text-muted ml-1">on 21 Nov 2018</span> </div> <div class="col text-right"> </div> </div> </div> </div> </div> <div class="col-12"> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown text-center helpful"> <div class="title">Was this page helpful?</div> <div class="mt-1" onMouseLeave="rating(343296330, 0);"> <i class="fas fa-star inactive" id="star-1" onMouseOver="rating(343296330, 1);" onclick="rate(343296330, 1);"></i> <i class="fas fa-star inactive" id="star-2" onMouseOver="rating(343296330, 2);" onclick="rate(343296330, 2);"></i> <i class="fas fa-star inactive" id="star-3" onMouseOver="rating(343296330, 3);" onclick="rate(343296330, 3);"></i> <i class="fas fa-star inactive" id="star-4" onMouseOver="rating(343296330, 4);" onclick="rate(343296330, 4);"></i> <i class="fas fa-star inactive" id="star-5" onMouseOver="rating(343296330, 5);" onclick="rate(343296330, 5);"></i> </div> <div class="description text-small"><span id="rating-val">0</span> / 5 - <span id="rating-count">0</span> ratings</div> </div> </div> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3452512275" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <div id="ph-above-related"></div> <div class="card card-custom issue-box"> <div class="card-body pt-3 pb-5"> <h2 class="mb-4">Related issues</h2> <div> <strong> <a href="/freecodecamp/145773213/css-hex-rgb-challenges-compress-and-reduce-redundancy">CSS HEX/RGB Challenges - Compress and reduce redundancy</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars0.githubusercontent.com/u/553494?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="SaintPeter picture"> <strong class="pr-1" dir="ltr">SaintPeter</strong> 路 <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/freecodecamp/164688721/videos-computer-basics-measuring-data-speed-q1-bits-bits-sec">videos/computer-basics-measuring-data-speed Q1: bits -> bits/sec</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars2.githubusercontent.com/u/4107454?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="bagrounds picture"> <strong class="pr-1" dir="ltr">bagrounds</strong> 路 <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/freecodecamp/140347125/outdated-italicize-method">Outdated Italicize method</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars3.githubusercontent.com/u/4006624?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="trashtalka3000 picture"> <strong class="pr-1" dir="ltr">trashtalka3000</strong> 路 <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/freecodecamp/162136752/stand-in-line-challenge-wrong-validation">Stand in line challenge - wrong validation</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars1.githubusercontent.com/u/13683050?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="Tzahile picture"> <strong class="pr-1" dir="ltr">Tzahile</strong> 路 <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/freecodecamp/131850946/arrow-functions-throw-warning-but-work-correctly-in-code">Arrow functions throw warning but work correctly in code editor</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars2.githubusercontent.com/u/6986471?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="MichaelLeeHobbs picture"> <strong class="pr-1" dir="ltr">MichaelLeeHobbs</strong> 路 <span class="px-1" dir="ltr">3</span><span>Comments</span> </div> </div> </div> <div class="sticky-top pt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div id="ph-below-related-2" class="mt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="col-12 col-lg-4"> </div> </div> <div class="skyscraper-container"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="7879185320" data-ad-format="vertical" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="mt-5 spacer"></div> <footer class="mt-5 pb-2 py-4 text-center mt-auto"> <div class="container"> <a class="navbar-brand logo mr-5" href="/"> <img src="/assets/img/logo.svg" width="40" height="40" alt="bleepingcoder logo"> bleeping<strong>coder</strong> </a> <div class="mt-4"> bleepingcoder.com uses publicly licensed GitHub information to provide developers around the world with solutions to their problems. We are not affiliated with GitHub, Inc. or with any developers who use GitHub for their projects. We do not host any of the videos or images on our servers. All rights belong to their respective owners. </div> <div> Source for this page: <a href="https://www.github.com/freeCodeCamp/freeCodeCamp/issues/17911" rel="nofollow noreferrer" target="_blank">Source</a> </div> </div> <hr class="mb-5 mt-5"> <div class="container"> <div class="row"> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular programming languages</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/python" dir="ltr">Python</a> </li> <li class="mb-2"> <a href="/javascript" dir="ltr">JavaScript</a> </li> <li class="mb-2"> <a href="/typescript" dir="ltr">TypeScript</a> </li> <li class="mb-2"> <a href="/cpp" dir="ltr">C++</a> </li> <li class="mb-2"> <a href="/csharp" dir="ltr">C#</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/microsoft/vscode" dir="ltr">vscode</a> </li> <li class="mb-2"> <a href="/numpy/numpy" dir="ltr">numpy</a> </li> <li class="mb-2"> <a href="/ant-design/ant-design" dir="ltr">ant-design</a> </li> <li class="mb-2"> <a href="/mui-org/material-ui" dir="ltr">material-ui</a> </li> <li class="mb-2"> <a href="/vercel/next-js" dir="ltr">next.js</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-0"> <strong>More GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/rust-lang/rust" dir="ltr">rust</a> </li> <li class="mb-2"> <a href="/moment/moment" dir="ltr">moment</a> </li> <li class="mb-2"> <a href="/yarnpkg/yarn" dir="ltr">yarn</a> </li> <li class="mb-2"> <a href="/mozilla/pdf-js" dir="ltr">pdf.js</a> </li> <li class="mb-2"> <a href="/JuliaLang/julia" dir="ltr">julia</a> </li> </ul> </div> </div> </div> <hr class="mb-5 mt-5"> <div class="container text-muted"> 漏 2025 bleepingcoder.com - <a href="/bleeps" rel="nofollow">Contact</a><br /> By using our site, you acknowledge that you have read and understand our <a href="/cookies" rel="nofollow">Cookie Policy</a> and <a href="/privacy" rel="nofollow">Privacy Policy</a>. </div> </footer> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script> <script async src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> <!--<script defer type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5fb2db66acbd74b2"></script>--> <script type="text/javascript" src="/assets/js/main.js"></script> <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script></body> </html>