@rayaatta
Posted
Hello Shem 👋. Congratulations on successfully completing the challenge! 🎉
I have other recommendations regarding your code that I believe will be of great interest to you.
1
Change height: 100svh;
on the body to
min-height:100svh;
This makes sure that content does not overflow on short devices or mobile devices in landscape mode
2
Change width: 40%;
on .card
To max-width:min(90%,21rem);
This keeps your card at the right size on any device.
3
To img,
Change margin:14px
To
margin-block:1rem;
Margin-inline:auto
This will keep your image centered no matter the size of the card.
Happy coding 🙃
Marked as helpful