Desired assessment for first steps in CSS

Hi, everyone!

I’m getting starting in CSS and I would appreciate your help with your opinion about my work.

See it: [https://codepen.io/Flavio-FOC/pen/MWQXgGz]

Hi @flavio_oliveira and welcome to the community :wave:

Well done! Here are some ideas to make the code a bit better:

  • General advice: I recommend using the starting point linked at the beginning of the exercise. It will give you some robust code that you then can change or add things to it.
  • Instead of using a line of purple, it would be better to just use a bottom border on the title. Something like this: border-bottom: 10px dotted purple;. If you don’t want the line to go all the way across, you could also add width: 750px to make the title (and its border shorter).
  • For the contact info it would make sense to use an <h2> tag.
  • When using <li> they should be wrapped inside <ul> (or <ol>) . No need for the <div>.
  • For the email and web address you could use link tags (<a>).

Example for the HTML of the last part:

<h2>Contact information</h2>
<ul>
  <li>Email:
    <a href="mailto:jane@example.com">jane@example.com</a>
  </li>
  <li>Web:
    <a href="http://example.com">http://example.com</a>
  </li>
  <li>Tel: 123 45678</li>
</ul>

I hope that gives you some ideas for improvements. :slightly_smiling_face:
If you have any questions, feel free to ask.

Have a nice day,
Michael

1 Like