Tribute page https://codepen.io/bankslado/pen/gNbRgw

Nice @Bankslado, I can see it better now. I see you’ve added the link to the font in ‘Settings’.

  • One thing I was going to say was that in your tribute info you should make the dates bold <b> and I noticed you tried doing so but it’s not rendering correctly on your page. Here’s why, when you imported your font you only selected regular. Go back to Google Fonts and when you select your font it will give you the link. All well and good so far but what you then need to do is click on the ‘customize’ link (next to ‘embed’) and there click the bold checkbox also. Click the ‘embed’ link and put the new link in your page. (Notice it now has weights for 400 & 700). Btw, I did this too with a page I was working on and asked a question about why I wasn’t seeing the font output the way I expected here in the forums and it was explained to me. Here’s the link to my post which includes a quick video the responder made showing how to do what I just explained.
  • On a side note, since HTML5 uses semantics now there’s more of a difference between bold <b> and strong <strong>. They both render the same but when reading code there is a difference.
  • It’s a nit but when you copied some of the info it includes footnotes (the numbers within brackets) for instance [52]. Delete those from your text
  • Get rid of the <br> elements. Most of the ones you put in there are unnecessary anyway but if you do want to do something like that utilize either margin or padding in CSS.
  • review the lesson about giving meaningful text to links
  • there’s more to using accesskey than just putting it in the link. You can remove it

Once again, I think this is a really good first page

1 Like