Mobile-first solution using semantic HTML and CSS

What are you most proud of, and what would you do differently next time?

It's the first challenge I've submitted and I'm proud of myself for that. For me, it's the start of a new dynamic.

Technically, I started with the 100% mobile version before tackling the tablet and desktop versions. Perhaps I should create the 3 versions in parallel, to make sure I have an html structure adapted to all devices.

What challenges did you encounter, and how did you overcome them?

Stylize ordered lists, unordered lists, hr and tables.

MDN Web Doc , W3Schools and CSS-Tricks were my best friends.

And I finally use

• a stylized div instead of a hr
• a stylized span instead of a li::marker

What specific areas of your project would you like help with?

I'd like a more efficient CSS structure that respects certain nomenclature such as the BEM methodology or others...