Assessment wanted: Typesetting a community school homepage

Hello Mozilla Developer Users! I am doing the CSS assessment for typesetting the community homepage (where the original assessment can be found here: Challenge: Typesetting a community school homepage - Learn web development | MDN) :smiley:

This is my current code: Edit fiddle - JSFiddle - Code Playground

Issues I have with my current code include:

  1. Unable to load my web fonts; the page still uses the default fonts, despite me uploading the fonts onto a web generator, and then copying the CSS into the documentā€™s top. Iā€™m really not sure what I am doing wrong here

  2. Unable to place the ā€œexternal linkā€ images next to the hyperlinks; although the web preview does not show the images (which is already an error), the images are huge and stretch across my hyperlinks in my Firefox browser, although I have already resized them?

  3. Padding issues for the Navigation bar: I am unable to separate the navi links into separate blocks, and they are all clumped together in one group! :speak_no_evil:

Hello @blitztyper

hope that everything going fine with you

  1. you need to use the font-face just define the font name and where to get the font file so you need to use font-family : itā€™s name used in your fontface rule inside the element you want to apply that font to it

  2. in your rule for the link icon you have extra space background-size: 8 px 8px; between the first 8 px it should be 8px i am sure it mistype and you should use padding-right not left

  3. use margin-top or bottom

hope that help and have a nice day