Blog preview card using HTML and CSS

Hi !

As a newbie, I tried my best !

I used the feedback from a previous challenge and it worked very well.

I still have some troubles knowing when to use %, rem, px, etc for the width and height.

As always, I have a vertical scroll bar with the min-height : 100vh on the body, which really upsets me ^^'

I put the title in order (h1, h2, h3,etc) even though the first title isn't the biggest. I was taught that.

I put a width in rem for the "Learning", I think it wasn't a good idea because when the page is translated in another language (french, my native language), the background is way too small for the word "Apprentissage"

How can I put a width that will adapt to the word in every language ?

I would love some feedback and tips on this solution !

Thanks a lot in advance :)