Tribute Page | Nikola Tesla

Hello FreeCodeCampers !
This is my first project. I´ve been followed the instructions and made this page in pure HTML/CSS. What do you think ?
https://codepen.io/nino53/pen/byQGjK

Looks pretty good! :+1: I would remove the bullet points though.

@shimphillip Suggestion accepted. I already have bold years, so bullets aren’t necessary.

You have the <strong> tag around each of the years but have you noticed that they aren’t bold? Try removing your call to the ‘Sniglet’ font and you’ll see the difference.

The reason this is happening is because when you set the link to Sniglet you only set it to the default weight of 400. 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 extra bold checkbox. Click the ‘embed’ link and put the new link in your page. (Notice it now has weights for 400 & 800)

So it looks like the font you choose only has a normal weight and a bold weight. There are others that support different weights and italics. (For grins, look at ‘Roboto’.)

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.

1 Like

@Roma
Thank you very much. I really didn’t notice that my text isn’t bold. I’ve made changes to my code and my tribute page is more awesome than before :slight_smile:

1 Like

Maybe before the timeline, put in a couple of component blocks that highlight his most important contributions, like his AC dynamo, or that cool picture of him sitting in front of a giant coil shooting out lightning. Something to grab the visitor’s interest.
Once I start reading the timeline, it’s all bunched together and if the first couple of sentences I read don’t grab my interest, I might click away.