Solving W3 <computercode> challenge

HTML-CSS
1

Hi there, fellow campers! I’m currently working through the “Full-Stack Engineer” course on W3Schools and have been stuck on a particular challenge, despite seemingly meeting all the requirements. Any help or resources on the error with my tags would be immensely appreciated.

Thank you and happy coding!
-Joseph

Screenshot (738)
Screenshot (738)1920×1200 255 KB
2

Can you provide a link to this challenge?

3

Hi pkdvalis!
Thank you so much for taking the time to help me understand my error.
The W3 elements coding challenge
Hopefully, the link works. Please let me know if it doesn’t.
Regards Friend

4

Have you tried removing the whitespace inside your code elements? If not, does it work without the pre elements around the code elements?

That particular part of the challenge was inside a paywall for me but I can see which bit hasn’t passed.

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

5 
 <p>Learn new tags</p>
  <iframe src='https://www.example.com'></iframe>
      <code>
          let x = 10;
      </code>
  
  <p class='emoji'>&#128522;</p>

First I apologize for the response delay. Thank you for the information about posting code in backticks for optimal readability, hopefully I did that properly. Also thank you very much for the suggestion of removing the whitespace within the code block, unfortunately it still isn’t passing.

As to running the block without the pre elements I actually tried that on my first few attempts I just thought it looked more efficient as output on its own separate line.

Any further help would be immensely appreciated as I think the code is really close to satisfying the requirement even if reattempting it feels like bordering on Einstein’s definition of insanity.

6

Can you cut and paste the relevant text from the instructions. I can’t see what is inside the quotes from the picture.

7

absolutely sorry so sorry again for the response delay

Requirements

Add an iframe that loads the URL 'https://www.example.com'.

Add a code block (inside <code> tags) with the text 'let x = 10;'.

Add a paragraph with a class 'emoji' that contains the emoji '😊'.

Thanks so much for the continued help and patience

8

maybe try not having some much extra space inside the elements, specifically the code tags

10

Hello! Thank you for the suggestion I agree. Unfortunately even with the space within the block removed the 2nd requirement is still being counted as incorrect

 <code>
          let x = 10;
      </code>
11

if you are sharing your updated code, that code element still contains many spaces and new lines other than the let x = 10; code

12

Thank you. perhaps I shared the wrong code. yes I see the mistake in the code I shared I’m sorry

          let x = 10;
      </code>
13

Huzzah! Typing the code on a single line worked!

<code>let x = 10; </code>

Thank you, fellow campers, for taking the time to help me!
I look forward to interacting with you all in the forum in the future!