Looking for Assessment: Typesetting a community school page

Hello,

I’m just looking for an assessment again. One mistake I noticed I made was being inconsistent with my color coding. Any other nitpicks, whether on my formatting or efficiency are welcomed.

https://codepen.io/cecmahumane/pen/mdRNNYa?editors=1100

Thanks

Hi @Cecil_Mahumane,

Nice work doing this on Codepen :sunglasses:
I found this to be one of the most time consuming tasks to carry out so also well done on doing it.

Did you also do this locally on your computer using a code editor like vscode? I m just curious if you downloaded the fonts and created a font. I had never done it myself so it was good practice to do it. You can find details in the web fonts section.

Going through the list of requirements on Typesetting a community school homepage these are my comments:

  1. You can also use rem as a relative unit. From what I understand the em inherits from the parent tag while the rem in linked to the root element so you can have more predictability. This is explained really well in the CSS values and units section.
  2. I coundnt see any letter-spacing and word-spacing in you body text.
  3. I couldnt see any styling on the active state on your links.
  4. Did you manage to do the external style link on your local version? As far as I see you have correctly followed the code for that also using the correct selector.
  5. One other thing I would do is add the CSS that is the github page. It makes the page look much better

Thanks for sharing your solution. I enjoyed looking back at this task.

Ran

Hello Ran,

Thanks for the feedback! Yes I try and always do these exercises on vscode so I can get the full coding experience such as downloading the fonts like you mentioned.
going over your corrections:

  1. Yes you are right, I was using em’s thinking they were rem. Once I understood that working in rems was they way to go after setting your root element to 10px, I was determined to learn how to use that unit.

  2. Yes. I figured line-spacing and word spacing were an aesthetic touch. Is using word spacing and letter spacing something you would always recommend?

  3. I’ll repost the codepen link with the link styling below.

  4. Yes I did it on my local, but I forgot codepen needs an external link.

  5. I was wondering why my codepen version looked so weird. I’ve amended.
    this in the link below.

https://codepen.io/cecmahumane/pen/mdRNNYa?editors=1100

Look forward to hearing from you.