What do you think? -Technical Documentation

Code Feedback
#1

Let me know what you think. If you see anything wrong let me know. (Note try hovering on the icons).

Codepen:
https://codepen.io/HazyStreet/full/vYNNEdR

#2

Page looks good @dihuertag11. Couple of things;

  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>).
    • The test script should be included, with all tests passing, when you submit your project.
  • You can nest multi-line <code> snippets in<pre> </pre> tags in HTML to preserve whitespace and line breaks. Or you could do
code { 
  white-space: pre; 
}

in CSS and skip the <pre> tag in HTML.

#3

Thank you.

For the last point about preserving whitespace, it creates a lot of whitespace in front of the desired text. So for the item below it would make this:

image
image1020×416 4.04 KB

[
{
“keys”: [“super+alt+;”],
“command”: “run_macro_file”,
“args”: {“file”: “Packages/User/semicolon.sublime-macro”}
}
]

How do I get rid of that initial whitespace in front of the text?

#4

Just delete the whitespace in front. I understand it may not look quite right as far as formatting goes inside of your elements but it’ll be okay.
The purpose of pre is to preserve whitespace and line breaks. So any whitespace you put in will be preserved.

#5

So why should whitespace be preserved?

Also if I include that into my code my code elements come out of their containers for some reason.

#6