Assessment wanted for "Assessment: Structuring an page of content"

MDN Learn
#1

📝 Assessment wanted for "Structuring an page of content"

Hello everyone! :wave:

I am following the MDN’s front-end developer pathway. On the final steps of the first module of HTML, at this checkpoint:

HTML > Introduction to HTML > Structuring an page of content (Assessment)

Assessment page: Structuring an page of content
My implementation: CodePen

Notes:

  • Thank you so much for your review :sparkling_heart:
  • I have followed and completed the instructions of the test, and feel good about the result.
  • I want to know if there are points for improvement.

Have a nice day,
Diego :slightly_smiling_face:

#2

Hi @AR2F

Congratulations! You used all elements correctly. :medal_sports:

On a general note, I recommend indenting your code (Moving child elements two or four spaces to the right). It greatly improves readability.

Have a nice day,
Michael

1 Like
#3

Thank you so much Michael @mikoMK :raised_hands:

On local, I actually really use indentation. — You are right, it’s a good practice to improve the readability of the source code (I use tabs to indent equals to two spaces) — but before to upload the same to CodePen I try to minify it.

Because I don’t know from what kind of device, the source code will be read, and I try to adapt it to mobile and small-screen devices.

Should I keep doing it? I actually prefer to keep air between elements, is more work minify code, and I don’t think that if someone is coding prefer work using a small screen.

#4

You should definitively keep your code indented when putting it on CodePen. Even when being on mobile indentation would be beneficial. I often look at code examples when reading an article on mobile and having no indention would make it worse. Scrolling a bit right and left is a small price to pay for general readability.

#5

Thank you, Michael. I will definitely follow your advice, it is a small price for better readability.

Have a nice day.

1 Like