Assessment Wanted for Marking up Letter ASGMT#1

I have created an assessment letter based on my understanding of HTML tags bus having trouble importing CSS files; some tags might be different in requirement.

please assess my work and provide your valuable feedback.

Thanks in advance…!

Hi @Chirag_Valand and welcome to the community :wave:

Nice work on your first exercise. :medal_sports:

When using CodePen it’s fine to put the CSS in its own panel like you did. If you want to use a CSS file locally you should create an new file (e. g. style.css), copy the rules into it and placing it in the same directory like the index.html file. Then you can link to it like this from the HTML file: <link rel="stylesheet" href="style.css">.

Here are some comments and improvements:

  • You should replace the two <div>s around the addresses with <address> tags.
  • Instead of using the style attribute you can place the sender-column on the first <address>.
    <address class="sender-column">
      ...
    </address>
    
  • No need for the <div> around the <h1> or the <b> inside of it.
  • It would be better to wrap the paragraphs of the text in <p> tags. This will automatically break the line. Therefore you could delete the <br>s at the end.
  • For the dates you could use the <time> tag with a datetime attribute.
  • In the “Subjects of study” section you could use the <sub> and <sup> tags for the numbers.
  • For the Exotic dance moves you could use a definition list. This would also automatically indent the text.
  • On the last line you could use the <q> and <cite> tags like this:
<p>University of Awesome motto: <q>Be awesome to each other.</q> -- <cite>The memoirs of Bill S Preston, <abbr title="Esquire">Esq</abbr></cite></p>

I hope that helps. Feel free to ask questions. :slightly_smiling_face:

Have a nice day,
Michael