MikDra1• 6,650
@MikDra1
Posted
If you're looking to make your card responsive effortlessly, consider this approach:
.card {
width: 90%;
max-width: 37.5rem;
}
The card will take up 90% of its container on smaller devices (like the body), but when it hits 37.5rem (600px), it will cap at that size.
To center the card within its parent, try this code:
.container {
display: grid;
place-items: center;
}
I hope this guidance is helpful! 💗💗💗
Well done, and keep pushing forward! 😁😊😉
0