@francescomerighi1202
Posted
Hi there!
Your solution is good!
I have just two-three tricks to show you:
In your solution, the card appears to be separated into two "blocks", when it really should be attached.
Your media query doesn't seem to be working :( try to double check it's working and change it so that the design is the same as the requested result on mobile.
Great idea to set 'min-height', but when using flexbox to perfectly center things make sure you also use the 'justify-content: center' property in addition to that 'align-items: center'
Otherwise you can use grid, still setting a 'min-height' but using only one property to center which is 'place-content: center'
Hope I was helpful :)
In any case do not hesitate to look at my solution if you need it
Marked as helpful
@JakobTimmermann
Posted
Thanks for the really quick response :) @francescomerighi1202
As a complete newbie I have to revise this media query topic once more. I will definitely go over different other solutions. I guess that's the way to go.