Assessment for Marking up a letter want to upgrade

MDN Learn
#1

https://jsfiddle.net/Skcode/zpay4m7s/3/#&togetherjs=EPgMluAtoa
Link to my marked up letter. i would like to link up my css to html and also request for some assessment. thanks

#2

Hi @samkuteesa and welcome to the community :wave:

Nice work on your first exercise. :clap:

Here are some comments:

  • When using an online editor like JSFiddle you can just copy the CSS from the exercise to its panel on JSFiddle (like you did with the HTML and the HTML panel).
  • The <address> tag should include everything from the name to the email address.
  • When you have copied the CSS you can also use the sender-column class on the <address> and remove the <div>.
  • You don’t need the <p>s inside the addresses.
  • The semester dates also need <time> tags.
  • It would probably be a good idea to use a unordered list for the “Subjects of study”.
  • In the footer: You should use a <q> tag around the quote and a <cite> tag around the source.

I hope that helps. If you have any questions, feel free to ask. :slightly_smiling_face:

Have a nice day,
Michael

#3

Thanks Michael,
Let me work upon this because want to finish and go to structuring.
My question is about the online editor wat do I need to do?like should write the CSS my self?

#4

No, that’s not necessary. The CSS is linked on the task page:

2022-06-26 16_13_13-Marking up a letter - Learn web development _ MDN
2022-06-26 16_13_13-Marking up a letter - Learn web development _ MDN813Ă—624 53.2 KB

In later exercises it’s in the HTML file inside <style> tags and can be copied from there. Almost all exercises have some starting code which includes HTML, CSS (and later JS).

#5

https://jsfiddle.net/Skcode/s41Lqmz5/#&togetherjs=3aoLU4KDPx
Hi, this is the improved part of the markup letter assessment

#6

AM requesting if there’s any way i can show my update on what have improved because posting a new link here is scam

#7

Hi @samkuteesa

I happens from time to time that posts of new users automatically get marked as spam, because of the links. I’ve informed the admins some time ago, but unfortunately they don’t have a solution, yet.
If this should happen in the future, you can put the link inside backticks (`) like this:

`https://jsfiddle.net/Skcode/s41Lqmz5`

This will display the link as normal text and helped other users in the past.

The good thing is that I can still see your improved version. So let’s have a look:

  • You correctly integrated the CSS into JSFiddle. That was exactly what I meant.
  • Each address should have it’s own <address> tag and you need another <p class="sender-column"> around the <time> element.
      <address class="sender-column">
    ...
  </address>

  <p class="sender-column">
    <time datetime="2016-01-20">20 January 2016</time>
  </p>

  <address>
    ...
  </address>
  • The semester <time> elements are nearly correct. The datetime attributes has to be in the format “yyyy-mm-dd”. So you need to add zeros were needed. (e. g. datetime="2016-09-09"
  • The unordered list is still missing from the “Subjects of study”.
  • The footer is much better. The only thing left is that you can leave the quotes out, because <q> adds them automatically.

Happy coding,
Michael

1 Like
#8

Thanks for the feedback Micheal

1 Like
#9

Hi Micheal,
https://discourse.mozilla.org/t/first-submission-first-attempt-structure-webpage/99454/1

That’s the link to my new exercise of structuring the web page