Assessment wanted: for Typesetting a community school homepage

MDN Learn
1

I would like to have an assessment. Regards.

You can find the source code here (in CodePen):
Source Code (HTML and CSS)

Actual Task

2

Hi @ilkert and welcome to the community :wave:

Congratulations on your work! :medal_sports:
Overall you did a really great job!

Some remarks:

  • When using the <link> tag to import fonts, it is not necessary to also include the @font-face block in your CSS. You can see what gets imported by opening the URL in the <link> tag in your browser. Google generates the appropriate @font-face blocks for you.
  • The selector section h1 + p isn’t needed since we only use <h1> in the <header>
  • To make the external link icons work, you could use an absolute URL: background-image: url("https://mdn.github.io/learning-area/css/styling-text/typesetting-a-homepage-start/external-link-52.png");

I hope my feedback helps. If you have any more questions or tasks, I’m happy to look at them. :blush:

Have a nice day!
Michael

PS: You used your email address as your real name. As anyone here can see it, I recommend removing it to prevent spam.

3

Hello Michael,

Thanks for the warm welcome and your time for reviewing my work!

  • About font-faces, first I decided to put it in html but then changed my mind and use @font-faces in CSS. Then I forgot to remove the first one :slight_smile:

  • h1 + p is added just in case for future use :stuck_out_tongue:

  • Next time I will remember to add images/icons via external link when it is needed.

And yeah, I HAVE TO change that e-mail appearance. Thanks for the warning :slight_smile:

1 Like
4

The classic thing about old, unused code lying around. That’s how it starts :stuck_out_tongue_winking_eye:

As a side note regarding images. There are other task which make use of several images. When tackling such task it may be helpful to check out glitch.com. It’s another online code editor that allows uploading files. When all files are there you can just refer them locally in the project.

5

That’s very good to know now about glitch.com. Thank you very much!