@Umer-Khokhar
Posted
Hi thereπ,
Always use flexbox to center items (in your case card)
.card {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
One thing more that in media quries don;t set width of img tag set the width to the whole container,
As you set the max-width to image your design looks bad in mobile devices
@media(max-width: 370px) {
.card {
width: 200px;
}
In the card case,Never use media quries as set width of card mobile first so
You should not need any quries I hope this will help you π
Marked as helpful
@Mishael-Joe
Posted
@Umer-Khokhar Thank you so much sir.
@Umer-Khokhar
Posted
@Mishael-Joe
Your Welcome π