Classification: Marking a Letter

MDN Learn
,
#1

Hello! I did the “Classification: Marking a Letter” assessment of the “Introduction to HTML” (https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter), but I couldn’t make the class “column-sender” is applied to the tag. It should come to the right, but remain inert to the CSS.

I would like someone more experienced to evaluate if I used the other tags correctly.

(Probably the text must be confused, but that’s because I had to translate it on google translator. Sorry.)

CodePen: https://codepen.io/ruandiego/project/editor/ARQYEV

#2

Hello @RuanDiego and welcome to the community :wave:

Congratulations! You did a great job on this task.

Here are my comments:

  • Since <time> is an inline element text-align: right; has no effect. You need to wrap <time> with a block level element like <p> and add the class to this new element:
    <p class="sender-column"><time datetime="2016-01-20">20 January 2016</time></p>
  • The <a> tags are missing title attributes
  • “(effect of 3 × 103 increasing to 3 × 104.)” is missing two <sup> tags

I hope that helps! Feel free to ask questions or come back with more task. I’m happy to help.

Have a nice day,
Michael