All solutions

Please Check out the live site!! and if you liked the Webpage Give a star to my repo :)

When I added @media rule to the style element of the webpage to set the card to align vertically, I was not able to reduce the size of the card. Due to this when we open it in a mobile the card covers a lot of area. Although ,this is not creating the webpage to overflow, it still looks like it lacks some styling. Can anyone help me with this issue :) ?

How can I make the card to be placed to middle of the webpage?