All solutions

Well, ok in full screen, ok at 375px... but between those two... nop

Should try to code "mobile first" now.

Nothing to say, i think my code should be more clean but i'm fine with the result :)

I tried to use flexbox for align the 4 elements in column and put a self-align for the button but i did not manage to place it so... if you have a solution (i don't like to have to put a margin-top for placing the button :( ).

Sry for my "french" english btw :)

Did not undertsand what to do with the baground (top and bottom ?)

If someone can explain how it works ^^

Thanks

Can't aligne my "annual plan" in my flexbox :(

Hard to master the overlay with the SVG at first but thanks to flexbox and google :)

I personnaly used this HTML command to call the images in the both resolution :

Works so fine :)