@Fahatmah
Posted
Hey there! Nice work!
I see in your code that your body is having height: 100%;
, instead of that min-height: 100vh;
and use flexbox or grid layout. This layout are used when you want to center your card. For example you can do
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
And then you can give size or padding in your card. I don't think vh unit are suit to size your card because it is basing on the screen size, that is why it gets bigger and not responsive or fluid. I use % and then giving it a max-width
or max-height
. Or I use rem unit.
Hope this helps! Keep Coding!
Marked as helpful