Responsive simple page using Flexbox and HTML Semantic

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

I couldn't get the yellow rectangle containing 'Learning' to have the correct width. I had to use max-width: max-content, a property I learned from Intellisense.

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

Is the semantics of my project correct ? Is the code well organized ? What improvements are possible ? I feel like the avatar hover animation is not very smooth, do you have any idea how to fix this ?