Tell us what’s happening:
Hi guys, I am doing the (New) Responsive Web Design, and so far I’have been having a blast!
Right now I’m trying to add code snippets but the output is not showing the elements.
Is there a way I can implement code snippets without JS and the editor taking the elements inside the
<pre><code></code></pre> as actual html content?
Your code so far
<section class="main-section" id="So_what_is_HTML?" > <header><h2>So what is HTML?</h2></header> <article> <p>HTML is a markup language that defines the structure of your content. HTML consists of a series of elements, which you use to enclose, or wrap, different parts of the content to make it appear a certain way, or act a certain way. The enclosing tags can make a word or image hyperlink to somewhere else, can italicize words, can make the font bigger or smaller, and so on. For example, take the following line of content:</p> <div class="code-snippet"><pre><code>My cat is very grumpy</code></pre></div> <p>If we wanted the line to stand by itself, we could specify that it is a paragraph by enclosing it in paragraph tags:</p> <div class="code-snippet"><pre><code><p>My cat is very grumpy</p></code></pre></div> </section>
Your browser information:
User Agent is:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.127 Safari/537.36 OPR/86.0.4363.64
Challenge: Build a Technical Documentation Page
Link to the challenge: