A Simple Tribute Page - How about the semantic elements?

Hi there,

I’ve just finished my humble tribute page and would like a feedback. I appreciate any help :slight_smile:
The timeline is different from the example, but I tried to keep it simple and easy to read.

Here’s the link:

And here’s an image showing how I divided the html (please, correct me if I’m wrong):

My struggles are:

1. About the semantic elements - when (and how) should I use the “header”, “section”, “article”, “footer”, etc? Which ones would apply to this project?

2. Is there a better way to centralize the timeline? I’m currently using the class “center”:
.center{ display: flex; justify-content: center; }

3. On the original example, he used the class “thumbnail” and “caption” for the image and caption, but I ended up using the “figure” and “figcaption” from bootstrap (once I didn’t look into the original code until I have finished the project). Which ones should I be using? Or is it just matter of preference?

Thank you for your help! :sunny: